首页 > 编程语言 > 详细

JavaScript DOM编程艺术第5章 —— 最佳实践

时间:2021-07-15 23:55:35      阅读:21      评论:0      收藏:0      [点我收藏+]

本章的主要内容主要有四点,分别是:

  • 平稳退化。即确保网页在没有JavaScript的情况下也能正常操作。
  • 分离JavaScript。即把网页的结构和内容与JavaScript脚本的动作行为分开。
  • 向后兼容性。即确保老版本的浏览器也能兼容JavaScript脚本。
  • 性能考虑。即确定脚本执行的性能最优。

一、平稳退化

1. 什么是平稳退化?

 如果访问者的浏览器不支持 JavaScript 或禁用了 JavaScript,但他们还能顺利的浏览网站,这就是平稳退化。

2. 如何实现平稳退化?

    能在html标签上添加以“代替”js代码东西,尽量都添加上。这样,当浏览器不支持js时,还有html标签属性。

3. 为什么要强调平稳退化?

  • 为了那些不支持或者禁用掉JavaScript的浏览器。(即使很少)
  • 搜索机器人。大多数搜索机器人只能理解html代码,因此平稳退化非常重要。

五、其它一些知识点

1. "javascript:"  伪协议

  • 使用方式:  “javascript: ( js代码 )”,即可执行一段js代码。(这个之前有在其它博客中看到过,当时感觉很神奇hhh)
  • 什么是伪协议、“真”协议?伪协议是一种非标准化协议,“真”协议是因特网上的计算机之间传输数据包的协议,比如HTTP、FTP等等

2. 要尽量少访问DOM和标记。首先,每次查询DOM中的某些元素时,浏览器会搜索整个DOM树,从中查找可匹配的元素。如果多次查询,效率很低;其次,要尽量减少标记,因为过多不必要的元素只会增加DOM树规模,进而增加遍历DOM树查找特定元素的时间。

3. 尽量将html与js代码分离,分离的越开越好!

4. onload事件:当window对象触发onload事件时,document对象已经存在(DOM加载完毕)

JavaScript DOM编程艺术第5章 —— 最佳实践

原文:https://www.cnblogs.com/Ersonnnn/p/14916396.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!