摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14274312.html 1 常用构建工具 grunt 最早出现，写脚本的形式处理开发过程中的代码压缩、合并 一个项目需要定制多个小任务和引入多个插件，grunt 会执行这一个一个完成构建 插件质量参差不齐，要注意甄别 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274308.html 1 打包方案 公共组件拆分（共用 JS 抽离为组件，减小 JS 文件大小） 文件压缩（CSS、JS、图片等） 合并（多个 CSS、JS 文件，雪碧图等） Combo（将多个小文件请求合并；ht 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14274303.html 1 控制 DOM 大小 节点多时通过类名或标签获取节点会非常耗时，元素绑定事件、事件冒泡和事件捕获也会相对耗时 合理的业务逻辑，每个业务逻辑尽量减少 DOM 节点的数量 延迟加载即将展现的内容（ 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274289.html 1 CSS 避免过多样式嵌套（让浏览器一次就能找到） 避免使用 CSS 表达式（表达式每次都会执行） 使用绝对定位，让动画元素脱离文档流（避免影响其他元素） 避免使用 table 布局（tab 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274281.html 1 CommonJS 同步加载，在浏览器之外为 JS 构建模块生态系统，node.js 就是受它影响，也是同步的 // CommonJS const xx = require(xxx) exp 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274270.html 1 cookie cookie 通常由浏览器存储，请求时一起发送给服务器，服务器也可以发出带 cookie 的响应头，可以设置过期时间 使用： 会话管理：用户名、购物车信息、游戏得分、服务器要 阅读全文
摘要：
本文地址：https://www.cnblogs.com/veinyin/p/14274258.html JS 优化原则：需要时才优化，要考虑可维护性 1 提升 JS 文件加载性能 将 CSS 文件放在 head 里，将 JS 文件放在 body 里 2 JS 变量和函数优化 尽量使用 ID 选择器 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274252.html 1 提升 CSS 渲染性能 谨慎使用 expensive 属性，如 nth-child、position: fixed 减少样式层级数，后代选择器不要深嵌套，从右向左匹配的 避免使用耗费 CP 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274243.html 1 精简 HTML 代码 减少 HTML 嵌套 减少 DOM 节点数 减少无语义代码（如额外元素清除浮动） 删除 HTTP 或 HTTPS，如果 URL 协议与页面协议一致，或都支持，可删除协 阅读全文
摘要：
本文地址： https://www.cnblogs.com/veinyin/p/14274238.html 1 图片格式及应用场景 1. jpeg 栅格图，有损压缩图形格式，常用于存储和传输照片 适用：颜色丰富的照片、焦点图、banner图、结构不规则的图片 不适用：线条图、文字、图形图标，因为压缩 阅读全文