今天小编要跟大家分享的文章是关于 web 前端开发应该必备的编码原则. html 已经走过了 20 几年的发展历程, 它几乎见证了整个互联网的发展. 但是, 即便到现在, 有很多基础的概念和原则依然需要开发者高度注意. 下面, 向大家介绍这些应该遵循的 Web 前端开发原则.
1, 善用 DIV 来布局
当开发一个 Web 页面时, 要考虑第一件事就是区分页面重点. 将这些内容用 DIV 标签包含起来, 页面的代码会呈现出整洁, 缩进良好的风格.
在学习过程中有什么不懂得可以加我的 Web 前端学习交流扣扣 qun, 前面是 328, 中间 400, 后面是 314. 群里有不错的学习教程与开发工具, 项目源码分享, 专业的老师解答问题. 与你分享 Web 前端企业当下人才需求及怎么从零基础学习好 Web 前端, 和学习什么内容.
2, 将 HTML 标签和 CSS 样式表分割开来
好的页面应该将 HTML 标签和 CSS 样式表分割开来. 这是每一个 Web 开发者在首次接触 Web 开发时就应该知道的一条原则. 然而, 直到今天, 仍然有很多开发者没有严格遵循这一原则.
不要在 HTML 标签里内嵌样式表代码. 开发者应该养成习惯, 单独建立文件, 用以存放 CSS 样式表. 而这也将方便其他开发者在修改你的代码时, 能迅速完成工作.
3, 优化 CSS 代码
现如今, 为网站添加多个 CSS 文件的做法已经很普遍. 但是, 当网站包含的 CSS 文件过多时, 会降低网站的响应速度. 解决办法是: 精简代码并对多个 CSS 文件进行优化, 将其合并成一个文件. 这个办法能显著提升网站的加载速度. 此外, 有很多工具可以用来优化 CSS 文件, 例如 CSS Optimizer,Clean CSS 等.
4, 优化 JavaScript 文件, 并将其放到页面底部
和 CSS 一样, 为页面添加多个 JavaScript 文件也是很普遍的做法. 但这同样会降低网站的响应速度. 为此, 开发者应该精简, 优化这些 JavaScript 文件.
但有一点和 CSS 不同, 浏览器通常不支持并行加载. 这也就是说, 当浏览器加载 JavaScript 文件时, 将不再同时加载其它内容. 而这就导致了网页的加载速度好像变慢了.
一个好的解决办法是: 将 JavaScript 文件的加载顺序放在最后. 为了实现这一目标, 开发者可以把 JavaScript 代码放在 HTML 文档的底部, 而最好的位置是放在接近</body > 标签的地方.
5, 善用标题元素
来源: http://www.jianshu.com/p/8ac26c460554