网页加载时JavaScript代码效率提高机制探讨
2017-09-09 19:00庞双玉
数字技术与应用 2017年7期
摘要：本文探讨在网页加载时，如何提高JavaScript代码执行效率，从JavaScript本身的代码机制来研究提高JavaScript代码效率和开发出高性能的web 前端程序的方法。
关键词：JavaScript；网页加载；代码效率提高
中图分类号：TP311.52 文献标识码：A 文章编号：1007-9416（2017）07-0232-01
1 JavaScript加载过程
进行web 前端开发时， 无论采用主流Web开发框架还是直接用JavaScript代码直接编写JS文件， 无论代码是内嵌的JavaScript代码还是外链的JS文件，由于不知道JavaScript代码是否会改变当前文档的DOM结构，当前浏览器必须先花时间下载JavaScript代码，然后解析并执行它。在这个过程中，页面渲染和用户交互完全被阻塞了。举例如下：
JavaScript 代码内嵌示例
当浏览器遇到
| 信息检索 | 标题 | 全文 | 刊名 |  |
整刊文本版-> 数字技术与应用 2017年7期
网页加载时JavaScript代码效率提高机制探讨
字数：2900
来源：数字技术与应用 2017年7期 字体：大 中 小 打印当页正文
摘要：本文探讨在网页加载时，如何提高JavaScript代码执行效率，从JavaScript本身的代码机制来研究提高JavaScript代码效率和开发出高性能的web 前端程序的方法。Example1 
关键词：JavaScript；网页加载；代码效率提高
中图分类号：TP311.52 文献标识码：A 文章编号：1007-9416（2017）07-0232-01
1 JavaScript加载过程
进行web 前端开发时， 无论采用主流Web开发框架还是直接用JavaScript代码直接编写JS文件， 无论代码是内嵌的JavaScript代码还是外链的JS文件，由于不知道JavaScript代码是否会改变当前文档的DOM结构，当前浏览器必须先花时间下载JavaScript代码，然后解析并执行它。在这个过程中，页面渲染和用户交互完全被阻塞了。举例如下：
JavaScript 代码内嵌示例
当浏览器遇到
公司地址: 北京市西城区德外大街83号德胜国际中心B-11
客服热线：400-656-5456 客服专线：010-56265043 电子邮箱：longyuankf@126.com
电信与信息服务业务经营许可证：京icp证060024号
Dragonsource.com Inc. All Rights Reserved
