摘要:
本文地址: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图、结构不规则的图片 不适用:线条图、文字、图形图标,因为压缩 阅读全文