[JavaScript]项目优化总结
前端时间对公司已有项目 JavaScript 代码进行优化,本文的是对优化工作的一个总结,拿出来与大家分享。当然我的优化方式可能并不是最优的,或者说有些不对的地方,请指教。 目录 JavaScript 优化总结分为以下几点 ... 1 模块化(类编程) ... 2 静态类 ... 3 实例类 ... 5 JavaScript 压缩 / 合并 ... 8 Uglifyjs 安装 ... 9 UglifyJS 使用 ... 11 JavaScript 文件合并 ... 13 文档生成 ... 13 YUIDoc 安装与使用 ... 13 YUIDoc 标签 ... 14 公共类库说明 ... 16 目录结构 ... 16 自动合并、压 缩脚本 ... 17 文档说明 ... 18 参考链接、进一步阅读 ... 20 JavaScript 优化总结分为以下几点 优化前后对比 优化前 优化后 代码混乱,同样功能的函数重复出现在多个地方。如果需要修改实现,需要找到所有的地方。牵一发而动全身 模块化,提取公共接口组织为库、结构清晰、方便代码重用、并且能够游戏防止变量污染问题。 JavaScript 文件未压缩, size 比较大加载消耗网络耗时,阻塞页面渲染 JavaScript 公共库文件使用 UglifyJS 压缩: n Size 比较小优化了网络加载时间 n 压缩混淆了代码