前端性能优化

前端性能优化，无非是html,css,js三方面的优化。

html\css\js首先要分开，拒绝内联等方式，运用文件引入的方式

html:

首先就是语义化html，说白了，就是使得标签各司其职，尽量不改变的标签的本质属性，如块级和行内元素的转换尽量要少

块级元素可以包含块级以及行内元素，而行内元素可以包含行内元素尽量不要包含块级元素。

css：

文档头部加载

压缩版本

使用预处理器，采用预定义函数等

不适用@import导入css文件

js:

少使用全局变量、闭包、eval(目前还不太明白这个的来龙去脉)、with(从来没用过)

对于for循环以及条件语句，for循环可以使用js原生函数的就使用，若是没有，从变量上面优化，尽量提前定义好变量，拒绝频繁的定义；数组能使用forEach()的就使用这个

对于if等条件语句，可以使用switch，但最好使用对象命名方式，采用三元表达式的写法，简洁、高效、不笨拙

多采用js原生对象和方法，因为其很多原生方法都是C或者C++写的，运行速度很快，如MATH的方法、Date以及Array等

尤其是使用jquery的时候，拒绝频繁的调用DOM对象，做好提前的dom声明。

可以采用一些优化的插件等。

先到这里吧，完毕。