javascript最佳实践

来源:互联网 发布:java开发单元测试 编辑:程序博客网 时间:2024/04/30 06:58
在读过《javascript DOM编程艺术》的第五章之后,总结一下影响脚本健壮性的因素,如下:    1.要能够平稳退化    2.把网页的结构和内容与javascript脚本的动作行为分离开来    3.向后兼容性,确保老版本的浏览器也能运行脚本    4.确保脚本的性能最优下面就分开来探究每一点。

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

二,渐进增强
渐进增强的意思是说在做好内容与结构的情况下,再加入动作行为,并且网页的内容和结构要与动作行为分离(也就是存在不同的文件里),这样做的好处是便于修改。那么如何做到呢?
其中第一点就是要分辨出那些是结构和内容那些是动作行为,然后将其分离到脚本中(具体的例子以后谈)。

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

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

1 0