宝哥软件园

JavaScript DOM编程艺术(第二版)阅读说明(JavaScript的最佳实践)

编辑:宝哥软件园 来源:互联网 时间:2021-11-16

1、防止滥用JavaScript“无论你想通过JavaScript改变哪个网页的行为,你都必须三思。首先要确定:真的有必要在这个页面上添加这个额外的行为吗?”个人认为,作者的说法放在了一个几乎处处使用JavaScript来增强网页交互体验的时代。可以理解的是,JavaScript应该使用得当,用户不应该因为网页加载慢或者使用脚本达到酷炫效果导致兼容性差而无法浏览和使用网站。2.平滑降级平滑降级是指当用户禁用浏览器JavaScript或者浏览器不支持JavaScript(是否还可用)时,用户应该还能正常浏览网站。第一次看到这个问题的时候,觉得这种情况几乎可以忽略不计,于是看了一些关于这个问题的讨论(知乎)和博文《javascript不可用的问题探究》,在Blog Park的主页上做了一个实验,就是在禁用JavaScript的情况下浏览网页,发现虽然不能评论博客,但是不能正常显示分类效果,当然广告也没了,主要功能(查看博文,分页跳转等。)可以正常使用。那么我们基本上可以得出一个结论:在考虑稳定降级的时候,至少要保证网站的主要功能可以根据需要正常使用。对于博客公园来说,只是查看一下博客。3.禁用“javascript:”伪协议和嵌入式事件处理程序。在HTML中使用这两种编写方法虽然不会带来什么严重的问题,但是会阻止流畅降级(网页行为不一致),让脚本编写变得混乱,增加了代码维护的难度。4.性能考虑有关性能考虑的最佳实践非常容易理解。“最小化对DOM的访问,最小化标签”。对DOM的访问较少,因为查询DOM可能会非常消耗性能。应该重构多个函数的重复DOM查询,将其提取为全局变量或直接作为参数传递。减少标签可以减少DOM的大小,从而减少在DOM树中查找特定元素的时间。“合并脚本”。合并外部脚本文件可以减少加载页面时发送的请求数量。通过观察Chrome开发工具的Network选项卡,可以清楚地看到加载网页的请求次数和时间。下图显示了我的博客请求。第三方百度共享插件加载最慢,但整体加载时间还是可以接受的。但是当引用的文件太大,或者依赖的第三方插件请求慢的时候,整个页面总会被加载,给人的感觉就是网页加载慢,体验会变差。

此外,“脚本在标签中的位置对页面的初始加载时间也有很大的影响”。就像引导程序示例一样,所有引用的JS插件都放在页面的末尾并进行解释。

按照HTTP规范,浏览器一次最多只能从同一个域名下载两个文件,而在脚本下载的过程中,浏览器不会下载任何其他文件,即使是不同域名的文件,在加载脚本之前,其他所有资源都不会下载。通常我们把脚本文件放在一个块中,块中的脚本会导致浏览器无法并行加载其他文件(如图片或其他脚本)。将所有脚本标记放在文档的末尾和/body标记之前可以使页面更快,因为这样,在加载脚本时,window对象的load事件仍然可以对文档执行各种操作。最后一个建议是压缩脚本,它通常是一个后缀为min.js的脚本文件

更多资讯
游戏推荐
更多+