![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
文章平均质量分 71
第十人i
开发工程师
个人博客: http://www.start6.cn
github: http://www.github.com/EightDoor
码云: http://www.gitee.com/EightDoor
展开
-
uni-app 微信 ios 播放audio 使用uni.createInnerAudioContext()无法播放
原因分析uni-app开发音频播放,微信android正常,微信ios发现一直处于加载状态,显示无效url,无法播放。分析得知 ios微信 无法直接播放带汉字的url解决方案参考 阮一峰url编码 ,直接url编码实现代码编码之前: https://duran-book.oss-cn-huhehaote.aliyuncs.com/Books/ᠬᠡᠦᠬᠡᠳ ᠦᠨ ᠰᠡᠳᠬᠢᠯ ᠢ ᠤᠢᠯᠠᠭᠠᠭᠠᠷᠠᠢ /Audio/210128C1KYD22T0H.mp3编码之后 https:/原创 2021-02-03 17:30:20 · 2615 阅读 · 2 评论 -
speechSynthesis强制使用Chrome中的Google小姐中文语音
網路上的window.speechSynthesis教學主要都只有說切換指定語言像是這樣就能切換成中文語音:const synth = window.speechSynthesis;const speak = (msg) => { let u = new SpeechSynthesisUtterance(); u.lang = 'zh-TW'; u.text = msg; synth.speak(u);};speak("你要讀出的中文內容1");speak(".原创 2020-12-22 16:31:09 · 4034 阅读 · 1 评论 -
使用数据属性 data-* 属性允许我们在标准内于HTML元素中存储额外的信息
HTML 语法语法非常简单。所有在元素上以data-开头的属性为数据属性。比如说你有一篇文章,而你又想要存储一些不需要显示在浏览器上的额外信息。请使用data属性:<article id="electriccars" data-columns="3" data-index-number="12314" data-parent="cars">...</article>JavaScript 访问在外部使用JavaScript去访问这些属性的值同样非常原创 2020-06-28 16:03:34 · 258 阅读 · 0 评论 -
大屏制作总结
可适配不同分辨率的屏幕实现方式: 按照设计图规格尺寸制作,使用transform: scale(0.4, 0.4);缩放transform: scale(0.4, 0.4); width: 3840px; height: 2160px; background-image: url(/img/bg/bg18.jpg); background-position: 0% 0%; background-size: 100% 100%; background-r原创 2020-06-23 17:57:39 · 126 阅读 · 0 评论 -
Js获取屏幕宽度、高度
document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.bo原创 2020-06-23 10:28:01 · 442 阅读 · 0 评论 -
viser-vue 使用自定义主题配置
查看官方文档没有看到,好不容易找到????自定义主题官网配置地址解决方案:// theme为导出的主题数据var theme = { // 主题数据}// 注册主题const { Global } = window.G2Global.registerTheme('myTheme', theme)//注册完后,设置主题Global.setTheme('myTheme')issues: 地址...原创 2020-06-04 16:49:49 · 1304 阅读 · 0 评论 -
postcss-plugin-px2rem vue-cli3使用记录
安装使用postcss-plugin-px2rem 地址设计稿 rootValue设置 rootValue = $designWidth*20/320;$designWidth 为设计稿宽度 参考地址原创 2020-06-02 16:15:02 · 755 阅读 · 0 评论 -
记一次vue中获取audio媒体总时长duration遇到的问题
audio获取当前播放时间在dom挂载完毕后访问currentTime属性获得,通过timeupdate钩子可实时监控audio 获取媒体总时长在canplay(浏览器可以开始播放该音视频)钩子函数回调中访问duration属性可获得(注:在dom挂载完直接获取duration会返回NaN)<audio @canplay="getDuration" @timeupdate="updateTime" ref="audio" :src="musicUrl"></audio>m原创 2020-05-28 15:36:31 · 5432 阅读 · 2 评论 -
canvas 画半圆
画半圆 地址原创 2020-05-27 10:06:56 · 2001 阅读 · 0 评论