您现在的位置:首页 >> 前端 >> 内容

javascript最佳实践

时间:2017/2/7 9:54:00 点击:

  核心提示:在读过《javascript DOM编程艺术》的第五章之后,总结一下影响脚本健壮性的因素,如下:1.要能够平稳退化2.把网页的结构和内容与javascript脚本的动作行为分离开来3....

在读过《javascript DOM编程艺术》的第五章之后,总结一下影响脚本健壮性的因素,如下:

1.要能够平稳退化

2.把网页的结构和内容与javascript脚本的动作行为分离开来

3.向后兼容性,确保老版本的浏览器也能运行脚本

4.确保脚本的性能最优

下面就分开来探究每一点。

一,如何做到平稳退化呢?

平稳退化指的是在访问者的浏览器不支持javascript的情况下,或者说禁用了javascript的情况下(讨厌弹出广告),仍然能够让访问者顺利访问网页。为什么平稳退化那么重要呢?第一,会影响到一部分访问者的体验从而导致不再访问该网站;第二,搜索引擎的爬虫也无法理解javascript,从而影响到搜索排名。所以说在写代码时就要特别注意到这个问题,尽量考虑在javascript代码失效后的情况,这样才能提升用户体验。

二,渐进增强

渐进增强的意思是说在做好内容与结构的情况下,再加入动作行为,并且网页的内容和结构要与动作行为分离(也就是存在不同的文件里),这样做的好处是便于修改。那么如何做到呢?

其中第一点就是要分辨出那些是结构和内容那些是动作行为,然后将其分离到脚本中(具体的例子以后谈)。

三,向后兼容

向后兼容指的是要使页面在更老版本的浏览器中也能运行,其中主要的解决手段就是对象检测,如下图所示:

 

javascript最佳实践

 

四,优化性能

就我现在掌握的一种方法就是,减少DOM的使用次数,因为遍历DOM节点树的花销很大,所以利用变量赋值就能尽量减少DOM的使用次数,以后遇到的优化手段也尽量记录下来。

Tags:10 06 6A AV 
作者:网络 来源:qq_1989407