《JavaScript DOM 编程艺术》(第2版)之读后感悟
2017-01-26 15:43
281 查看
元旦假期后的第一周,因为看到一些前端JS前辈的一些经验之谈,深有感触,随之买了《JavaScript DOM编程艺术》(第2版)和《JavaScript高级程序设计》这两本书。在阅读完第一本书——《JavaScript DOM编程艺术》之后,有一些自己的感悟和理解,顺带把书中的一些常用的原生JS所写的方法罗列出来,以供参考和使用。
一、核心思想原则和编程习惯
从开始到最后阅读完,整本书在设计网页功能的时候,一直强调和贯彻一个中心思想——渐进增强,平稳退化。
渐进增强:就是用额外的信息层去包裹原始数据,即使去掉这些额外的信息层,原始数据也能照常显示,不会因此丢失。比如:为一段文字增加CSS样式。这段文字就是原始数据,CSS样式就是额外的信息层。
平稳退化:通俗的讲,即使无法使用JavaScript,所设计的网页功能也得能完成最基本的操作。
因此,在基本思想上,二者是一致的,按照渐进增强的方式创建出的网页,几乎都符合平稳退化原则。
编程习惯:书中提到的一些编程习惯,都很实用,在此我仅罗列其中几点仅供参考。具体如下:
1、单双引号使用
在选择使用单双引号时,整个脚本中尽可能保持统一。比如:定义字符串变量时,要么统一使用单引号,要么统一使用双引号。
2、关联数组使用 (不推荐)
关联数组:数组中的元素下标不是整数数字。比如:
var lemon = []; lemon['name'] = 'John'; lemon['year'] = 1987; lemon['living'] = true;
使用关联数组不是一个好习惯,不推荐。
3、兼容性问题
只要严格遵循“第一级DOM”,就可以避免与兼容性相关的任何问题。
4、关于文档中的标记
尽量减少文档中的标记数量,过多不必要的元素只会增加DOM树的规模,进而增加其查找特定元素的时间。
5、JS行为依赖
当使用JS给网页添加行为时,不应让JS代码对这个网页的结构有任何的依赖。
6、质疑态度
在写JS脚本时,要保持对一切质疑的态度。
仅罗列以上几点,其他的一些好习惯都可以在书中都能找到,同时可以作为对自己编程时的一个指导,有利于养成好的习惯
二、小知识点扫盲
对象:是自包含的数据集合,包含在对象里的数据可以通过两种形式来访问:属性和方法。对象分为以下三种:
宿主对象:由浏览器提供,最常见的有document、window 等
内建对象:内建在JavaScript语言中,常见的有Date、Math、Array 等
用户自定义对象:用户自己创建的对象
关于节点
节点分为:元素节点、属性节点、文本节点其NodeType的值分别对应为:
1、2、3
关于设计
在设计时,关于是否用纯CSS还是利用DOM技术设置样式来解决问题,取决以下因素:
1、这个问题最简单的解决方案是什么?
2、哪种能得到更多浏览器的支持?
一般规则:改变元素的呈现效果使用CSS,改变元素的行为使用DOM。
三、常用的原生JS方法
1、为 window 对象的 onload 事件增加函数
function addLoadEvent (func) { var oldLoad = window.onLoad; if ( typeof window.onload != 'function' ){ window.onload = func; }else{ window.onload = function () { oldonLoad(); func(); } } }
2、insertAfter 函数
function insertAfter (newElement, targetElement){ var parent = targetElement.parentNode; if(parent.lastChild == targetElement){ parent.appendChild(newElement); }else{ parent.insertBefore(newElement, targetElement.nextSibling); } }
* 暂时只列出以上两个,其他的一些原生JS方法,在书本中都有。总之,以上是我个人看完整本书后,对自己某些不足之处所做的一些总结。如果你是刚接触DOM技术,如果你想进一步提升对DOM技术的理解和认知,那么《JavaScript DOM 编程艺术》(第2版)是一个不错的选择,推荐学习和使用。
* 如果你有什么好的建议和意见,十分欢迎与我联系和讨论。
相关文章推荐
- JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
- JavaScript DOM 编程艺术(第2版) 读后感
- 《Javascript_Dom 编程艺术》(第2版)读书笔记
- 《Javascript DOM 编程艺术》
- JS DOM 编程艺术(第2版)读书笔记 第3章 DOM
- 《JavaScript DOM 编程艺术》小结(二)
- JS DOM 编程艺术(第2版)读书笔记 第5章 最佳实践
- javascript+dom编程艺术 读后感
- JavaScript DOM 编程艺术 第八章 例子分析
- JS DOM 编程艺术(第2版)读书笔记 第8章 充实文档的内容
- 《JavaScript DOM 编程艺术》 读书笔记
- JavaScript DOM 编程艺术(第2版)读书笔记(1)
- Javascript DOM 编程艺术(second edition) 读书笔记(3)
- JS DOM 编程艺术(第2版)读书笔记 第9章 CSS-DOM
- JavaScript DOM 编程艺术(第2版)读书笔记(2)
- JS DOM 编程艺术(第2版)读书笔记 第10章 用JavaScript实现动画效果
- javascript DOM 编程艺术 学习笔记
- 《JavaScript DOM 编程艺术》阅读笔记Part D
- JavaScript -- JavaScript DOM 编程艺术(第2版)
- JS DOM 编程艺术(第2版)读书笔记 第11章 HTML5