获得徽章 4
- 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 - 昨天在我们项目组发生了一件有意思的事,我好像学到了点东西,由于最近项目比较忙:项目经理问我:前端开发还有多少工作未完成,今天晚上加班吗?我回答:加班,然后问后端:后端还有多少未完成的,晚上加班吗?后端说:我想“家”,然后项目经理去吃饭了,后端也走了,留下我一个人,项目经理吃饭回来发现就剩下我一个人,问到:怎么就你一个人,启航(后端名字)呢?我说:走了呀,走之前还和你说,想“家”了,就早早的回去了,项目经理一句:“卧槽”,转身走了展开148