关于dom脚本编程的一些优秀理念总结

Posted 2020-09-16

1、平稳退化（优雅降级）

　　目的：当浏览器不支持js或者js被用户禁用时，做到即使不运行js，网页的可读性亦不会受到太大的影响。

　　理念：使用最新的技术面向高级浏览器构建最强的功能及用户体验，然后针对低级的浏览器进行限制，逐步衰减那些无法被支持的功能及体验。使用平稳退化技术时，必须先完整的实现网站，其中包括所有的功能和特效。 然后再为那些无法支持所有功能的浏览器增加候选方案，使之在旧式的浏览器上以某种形式降级体验却不至于完全失效。

　　做法:通过条件判断语句

    例子：先针对Firefox或者Chrome等支持W3C标准的浏览器编写页面代码，然后修复IE中的异常或针对IE去除那些无法被实现的功能特色。

2、渐进增强：

　　目的：当浏览器支持js时，不同浏览器不同版本对js的支持度都不一样，此时做到在保证站点页面在低级浏览器中的可用性和可访问性的基础上，逐步增强功能及提高用户体验。

　　理念：让网站能够正常工作于尽可能旧的浏览器上，然后不断为它在新型浏览器上实现更多的增强和改进。随着时间的推移，当越来越多的人开始升级浏览器而浏览器本身的支持度也不断提升时，就会有越来越多的人体验到这些增强和改进，它持续有效的使网站越来越好，只要一次实现，它就让网站的体验与时俱进。

3、javascript分离

　　将js和html文档分离，通过在</body>前引入的方式载入，这样做可以让代码看上去更加简洁规范，思路清晰，并且在载入页面的时候速度变快。

4、优化性能

　　1）尽量减少访问dom的次数，因为每一次访问dom都会对整个dom进行扫描，从而占用系统资源，可以通过申明变量的方式来减少dom访问次数。

　　2）js脚本尽量合并，减少引用载入次数。

　　3）对脚本进行压缩，减少文档体积，加快页面加载速度，注意要保村好完整的副本，编写时用完整版，上传时先压缩再上传。