课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
性能优化是程序员需要长期关注的一个问题,而今天我们就通过案例分析来了解一下,JavaScript性能优化包含哪些内容。
JavaScript代码优化
代码与结构分离
样式与结构的分离
数据与代码分离
AMD:AsynchronousModuleDefinition,即异步模块加载机制。
CMD:CommonModuleDefinition,即通用模块定义规范
导出(export)与导入(import)两个模块
提升文件加载速度
合并JavaScript代码,尽可能少的使用script标签。
无堵塞加载JavaScript。
动态创建script标签来加载
webpack
webpack是一个modulebundler(模块构建工具),由于JavaScript应用程序的复杂性不断增加,构建工具已成为web开发中不可或缺的一部分。它帮助我们去打包、编译和管理项目需要的众多资源文件和依赖库。
webpack支持CommonJS、AMD和ES6模块系统,并且兼容多种JS书写规范,可以处理模块间的依赖关系,所以具有更强大的JS模块化的功能,它能压缩图片,对CSS、js文件进行语法检查、压缩、编译打包。
webpack的特点
可以很好的用于单页应用
同时支持require()和import模块语法
允许非常前沿的codesplitting(代码分割)特性
热加载可以让React、Vue.js和其它类似框架的本地开发更快
它是目前受欢迎的构建工具
webpack的缺点
不适合web开发的初学者
对于CSS、图片和其它非JS资源文件时,需要先混淆处理
文档不够完善
变化很大,不同版本的使用方法存在较大差异
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。更多内容请在707945861群中学习了解。