前端性能
文章平均质量分 89
A_小鹏
爱写Bug的小前端
展开
-
前端开发规范手册(一)--基本原则
此手册主要实现的目标:代码一致性和最佳实践。通过代码风格的一致性,降低维护代码的成本以及改善多人协作的效率。同时遵守最佳实践,确保页面性能得到最佳优化和高效的代码。 (一)基本原则 结构、样式、行为 分离 尽量确保文档和模板只包含 HTML 结构,样式都放到样式表里,行为都放到脚本里。 缩进 统一两个空格缩进(总之缩进统一即可),不要使用 Tab 或者 Tab、空格混搭。 文件编码原创 2017-07-04 13:58:44 · 1241 阅读 · 0 评论 -
前端开发规范手册(二)--HTML
一、通用约定 标签 自闭合(self-closing)标签,无需闭合 ( 例如: img、input、br、hr 等 ); 可选的闭合标签(closing tag),需闭合 ( 例如:> 或 ); 尽量减少标签数量; img src="images/google.png" alt="Google"> input type="text" name="title"> ul> li原创 2017-07-05 11:07:01 · 413 阅读 · 0 评论 -
前端开发规范手册(三)--CSS性能优化
CSS性能优化慎重选择高消耗的样式高消耗属性在绘制前需要浏览器进行大量计算: box-shadows border-radius transparency transforms CSS filters(性能杀手) 避免过分重排当发生重排的时候,浏览器需要重新计算布局位置与大小。 常见的重排元素: width height padding margin display border-width po原创 2017-07-21 09:52:15 · 543 阅读 · 0 评论