github.com
获得徽章 0
- 1. 通常将script标签放到<body>元素中页面内容后面，等待页面渲染完成再加载JS，这样就会减少渲染延迟造成的页面空白时间。
2. 给<script>元素添加defer属性可以延迟JS文件的执行，它们会在浏览器解析到最后的</html>标签后再执行。
3. 给<script>元素添加async属性可以让JS文件的异步执行，异步JS和页面内容之间没有顺序关系，它们各自加载和执行，因此不能在页面加载期间修改DOM。多个异步JS之间也不能有相互依赖关系。
4. 通过createElement方法创建一个script元素并将其添加到DOM中即可动态加载JS文件。以这种方式加载JS文件对浏览器预加载器是不可见的，会影响它们在资源获取队列中的优先级，进而影响性能，可以在文档头部显式的声明它们：
<link rel="preload" href="app.js">展开评论7 - 引领我成为程序员的语言，web1.0时代前端的王者。掘金里都没有相关标签了....现在都是用HTML5了....
分享几个HTML5案例，不是我做的，但我觉得很惊艳：
shrek.imdevsh.comshrek.imdevsh.comshrek.imdevsh.com
感兴趣的可以按F12看看展开116 - 头疼，不知道怎么通过js，让window的语音合成API speechSynthesis同时（异步）播放。
尝试了以下办法：
（1）打开新空白页插入脚本触发，但因为chrome防止滥用，把这个接口设计成未激活不可用...
（2）还想尝试深拷贝一个speechSynthesis对象，复制失败...
（3）还想通过后端socket.io来做，但总感觉太曲线救国，中途放弃...
求了解的大佬指点
展开评论1
