/**
* @fileoverview html 解析器
*/
// 配置
const config = {
// 信任的标签(保持标签名不变)
trustTags: makeMap('a,abbr,ad,audio,b,blockquote,br,code,col,colgroup,dd,del,dl,dt,div,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,img,ins,label,legend,li,ol,p,q,ruby,rt,source,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,title,ul,video'),
// 块级标签(转为 div,其他的非信任标签转为 span)
blockTags: makeMap('address,article,aside,body,caption,center,cite,footer,header,html,nav,pre,section'),
// #ifdef (MP-WEIXIN || MP-QQ || APP-PLUS || MP-360) && VUE3
// 行内标签
inlineTags: makeMap('abbr,b,big,code,del,em,i,ins,label,q,small,span,strong,sub,sup'),
// #endif
// 要移除的标签
ignoreTags: makeMap('area,base,canvas,embed,frame,head,iframe,input,link,map,meta,param,rp,script,source,style,textarea,title,track,wbr'),
// 自闭合的标签
voidTags: makeMap('area,base,br,col,circle,ellipse,embed,frame,hr,img,input,line,link,meta,param,path,polygon,rect,source,track,use,wbr'),
// html 实体
entities: {
lt: '<',
gt: '>',
quot: '"',
apos: "'",
ensp: '\u2002',
emsp: '\u2003',
nbsp: '\xA0',
semi: ';',
ndash: '–',
mdash: '—',
middot: '·',
lsquo: '‘',
rsquo: '’',
ldquo: '“',
rdquo: '”',
bull: '•',
hellip: '…',
larr: '←',
uarr: '↑',
rarr: '→',
darr: '↓'
},
// 默认的标签样式
tagStyle: {
// #ifndef APP-PLUS-NVUE
address: 'font-style:italic',
big: 'display:inline;font-size:1.2em',
caption: 'display:table-caption;text-align:center',
center: 'text-align:center',
cite: 'font-style:italic',
dd: 'margin-left:40px',
mark: 'background-color:yellow',
pre: 'font-family:monospace;white-space:pre',
s: 'text-decoration:line-through',
small: 'display:inline;font-size:0.8em',
strike: 'text-decoration:line-through',
u: 'text-decoration:underline'
// #endif
},
// svg 大小写对照表
svgDict: {
animatetransform: 'animateTransform',
lineargradient: 'linearGradient',
viewbox: 'viewBox',
attributename: 'attributeName',
repeatcount: 'repeatCount',
repeatdur: 'repeatDur'
}
}
const tagSelector={}
const {
windowWidth,
// #ifdef MP-WEIXIN
system
// #endif
} = uni.getSystemInfoSync()
const blankChar = makeMap(' ,\r,\n,\t,\f')
let idIndex = 0
// #ifdef H5 || APP-PLUS
config.ignoreTags.iframe = undefined
config.trustTags.iframe = true
config.ignoreTags.embed = undefined
config.trustTags.embed = true
// #endif
// #ifdef APP-PLUS-NVUE
config.ignoreTags.source = undefined
config.ignoreTags.style = undefined
// #endif
/**
* @description 创建 map
* @param {String} str 逗号分隔
*/
function makeMap (str) {
const map = Object.create(null)
const list = str.split(',')
for (let i = list.length; i--;) {
map[list[i]] = true
}
return map
}
/**
* @description 解码 html 实体
* @param {String} str 要解码的字符串
* @param {Boolean} amp 要不要解码 &
* @returns {String} 解码后的字符串
*/
function decodeEntity (str, amp) {
let i = str.indexOf('&')
while (i !== -1) {
const j = str.indexOf(';', i + 3)
let code
if (j === -1) break
if (str[i + 1] === '#') {
// { 形式的实体
code = parseInt((str[i + 2] === 'x' ? '0' : '') + str.substring(i + 2, j))
if (!isNaN(code)) {
str = str.substr(0, i) + String.fromCharCode(code) + str.substr(j + 1)
}
} else {
// 形式的实体
code = str.substring(i + 1, j)
if (config.entities[code] || (code === 'amp' && amp)) {
str = str.substr(0, i) + (config.entities[code] || '&') + str.substr(j + 1)
}
}
i = str.indexOf('&', i + 1)
}
return str
}
/**
* @description 合并多个块级标签,加快长内容渲染
* @param {Array} nodes 要合并的标签数组
*/
function mergeNodes (nodes) {
let i = nodes.length - 1
for (let j = i; j >= -1; j--) {
if (j === -1 || nodes[j].c || !nodes[j].name || (nodes[j].name !== 'div' && nodes[j].name !== 'p' && nodes[j].name[0] !== 'h') || (nodes[j].attrs.style || '').includes('inline')) {
if (i - j >= 5) {
nodes.splice(j + 1, i - j, {
name: 'div',
attrs: {},
children: nodes.slice(j + 1, i + 1)
})
}
i = j - 1
}
}
}
/**
* @description html 解析器
* @param {Object} vm 组件实例
*/
function Parser (vm) {
this.options = vm || {}
this.tagStyle = Object.assign({}, config.tagStyle, this.options.tagStyle)
this.imgList = vm.imgList || []
this.imgList._unloadimgs = 0
this.plugins = vm.plugins || []
this.attrs = Object.create(null)
this.stack = []
this.nodes = []
this.pre = (this.options.containerStyle || '').includes('white-space') && this.options.containerStyle.includes('pre') ? 2 : 0
}
/**
* @description 执行解析
* @param {String} content 要解析的文本
*/
Parser.prototype.parse = function (content) {
// 插件处理
for (let i = this.plugins.length; i--;) {
if (this.plugins[i].onUpdate) {
content = this.plugins[i].onUpdate(content, config) || content
}
}
new Lexer(this).parse(content)
// 出栈未闭合的标签
while (this.stack.length) {
this.popNode()
}
if (this.nodes.length > 50) {
mergeNodes(this.nodes)
}
return this.nodes
}
/**
* @description 将标签暴露出来(不被 rich-text 包含)
*/
Parser.prototype.expose = function () {
// #ifndef APP-PLUS-NVUE
for (let i = this.stack.length; i--;) {
const item = this.stack[i]
if (item.c || item.name === 'a' || item.name === 'video' || item.name === 'audio') return
item.c = 1
}
// #endif
}
/**
* @description 处理插件
* @param {Object} node 要处理的标签
* @returns {Boolean} 是否要移除此标签
*/
Parser.prototype.hook = function (node) {
for (let i = this.plugins.length; i--;) {
if (this.plugins[i].onParse && this.plugins[i].onParse(node, this) === false) {
return false
}
}
return true
}
/**
* @description 将链接拼接上主域名
* @param {String} url 需要拼接的链接
* @returns {String} 拼接后的链接
*/
Parser.prototype.getUrl = function (url) {
const domain = this.options.domain
if (url[0] === '/') {
if (url[1] === '/') {
// // 开头的补充协议名
url = (domain ? domain.split('://')[0] : 'http') + ':' + url
} else if (domain) {
// 否则补充整个域名
url = domain + url
} /* #ifdef APP-PLUS */ else {
url = plus.io.convertLocalFileSystemURL(url)
} /* #endif */
} else if (!url.includes('data:') && !url.includes('://')) {
if (domain) {
url = domain + '/' + url
} /* #ifdef APP-PLUS */ else {
url = plus.io.convertLocalFileSystemURL(url)
} /* #endif */
}
return url
}
/**
* @description 解析样式表
* @param {Object} node 标签
* @returns {Object}
*/
Parser.prototype.parseStyle = function (node) {
const attrs = node.attrs
const list = (this.tagStyle[node.name] || '').split(';').concat((attrs.style || '').split(';'))
const styleObj = {}
let tmp = ''
if (attrs.id && !this.xml) {
// 暴露锚点
if (this.options.useAnchor) {
this.expose()
} else if (node.name !== 'img' && node.name !== 'a' && node.name !== 'video' && node.name !== 'audio') {
attrs.id = undefined
}
}
// 转换 width 和 height 属性
if (attrs.width) {
styleObj.width = parseFloat(attrs.width) + (attrs.width.includes('%') ? '%' : 'px')
attrs.width = undefined
}
if (attrs.height) {
styleObj.height = parseFloat(attrs.height) + (attrs.height.includes('%') ? '%' : 'px')
attrs.height = undefined
}
for (let i = 0, len = list.length; i < len; i++) {
const info = list[i].split(':')
if (info.length < 2) continue
const key = info.shift().trim().toLowerCase()
let value = info.joi
没有合适的资源?快使用搜索试试~ 我知道了~
基于uni-app的Vue古典音乐小程序设计源码
共529个文件
js:173个
vue:121个
json:94个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 143 浏览量
2024-09-28
03:16:06
上传
评论
收藏 7.71MB ZIP 举报
温馨提示
本项目是一款采用uni-app框架开发的Vue古典音乐小程序源码,总计包含610个文件,涵盖了173个JavaScript文件、164个Markdown文件、121个Vue组件文件、94个JSON文件、22个SCSS文件、18个PNG图片文件、3个TypeScript文件以及其他各类文件。该小程序专注于古典音乐的展示与分享,旨在为用户带来沉浸式的音乐体验。
资源推荐
资源详情
资源评论
收起资源包目录
基于uni-app的Vue古典音乐小程序设计源码 (529个子文件)
uniicons.css 8KB
uni-data-pickerview.css 1KB
common.css 26B
.gitignore 159B
index.html 672B
local.html 520B
parser.js 39KB
valid.js 38KB
RenderingContext.js 36KB
qrcode.js 35KB
props.js 28KB
calendar.js 26KB
calendar.js 24KB
index.js 22KB
RenderingContext.js 17KB
uni-data-picker.js 14KB
nvue - backup.js 12KB
util.js 12KB
dayjs.js 11KB
uniicons_file_vue.js 10KB
GLenum.js 8KB
clone.js 8KB
bridge-weex.js 7KB
handler.js 6KB
test.js 6KB
mixin.js 6KB
nvue.js 6KB
uni.webview.min.js 5KB
Request.js 5KB
icons.js 5KB
GLmethod.js 4KB
colorGradient.js 4KB
props.js 4KB
utils.js 4KB
value.js 4KB
route.js 4KB
props.js 4KB
index.js 4KB
digit.js 4KB
mergeConfig.js 3KB
utils.js 3KB
createAnimation.js 3KB
props.js 3KB
props.js 3KB
props.js 3KB
colors.js 3KB
props.js 3KB
props.js 3KB
props.js 2KB
index.js 2KB
props.js 2KB
props.js 2KB
props.js 2KB
image.js 2KB
props.js 2KB
props.js 2KB
props.js 2KB
canvas.js 2KB
props.js 2KB
props.js 2KB
index.js 2KB
props.js 2KB
utils.js 2KB
props.js 2KB
props.js 2KB
touch.js 2KB
props.js 2KB
props.js 2KB
props.js 2KB
buildURL.js 2KB
props.js 2KB
props.js 2KB
props.js 2KB
props.js 2KB
props.js 1KB
openType.js 1KB
props.js 1KB
props.js 1KB
props.js 1KB
props.js 1KB
index.js 1KB
queue.js 1KB
props.js 1KB
props.js 1KB
props.js 1KB
props.js 1KB
props.js 1KB
InterceptorManager.js 1KB
props.js 1KB
props.js 1KB
keypress.js 1KB
keypress.js 1KB
platform.js 1KB
nvue.js 1KB
props.js 1KB
main.js 1KB
config.js 1KB
props.js 1KB
props.js 1KB
props.js 1013B
共 529 条
- 1
- 2
- 3
- 4
- 5
- 6
资源评论
wjs2024
- 粉丝: 2057
- 资源: 5419
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- PCB原理图符号库(SchLib),电阻、电容、二极管、 三极管、变压器、继电器、芯片、电机驱动器、晶振等等
- 如果你用python3.12版本安装pygraphviz,需要安装如下的轮子 pygraphviz-1.12-cp312-cp3
- 世界地图+中国地图+各省(区市)地图
- 【java毕业设计】校园招聘网站的设计与实现源码(springboot+vue+mysql+说明文档+LW).zip
- 【java毕业设计】文物管理系统的设计与实现源码(springboot+vue+mysql+说明文档+LW).zip
- 12ba03d8a5035b51da096d1634834c66_1730793908707_1
- 如果你用python3.11版本安装pygraphviz,需要安装如下的轮子 pygraphviz-1.12-cp311
- ffmpeg-master-latest-win64-gpl-shared.zip
- boss直聘数据集,可以数据分析,选择合适的岗位
- ESAD1730793813076896NL88c917k17i394.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功