《JavaScript DOM 编程艺术》读书心得

《JavaScript DOM 编程艺术》读书心得

该书看了三遍了，知乎上大神们学习js必定推荐的入门书，讲的东西很浅显易懂，适合新手入门。前三章讲了js简史、js基本语法和DOM的基本介绍，后面几章进入实践操作，通过实例让学习者切实用到javascript中的dom知识，最后有一个综合示例。值得一提的是，作者在整本书中时刻都在提醒读者要注意“平稳退化”、“渐进增强”和“代码分离”的思想，还提到年浏览器兼容性的问题，章节目录如下：

1.JavaScript简史

2.JavaScript语法

3.DOM

4.案例研究：JavaScript图片库

5.最佳实践

6.案例研究：图片库改进版

7.动态创建标记

8.充实文档的内容

9.CSS-DOM

10.用JavaScript实现动画效果

11.HTML5

12.综合示例

主要内容

DOM表示“文档对象模型”，其中D代表的是document，也就是文档，也就是说操作的对象是文档，其实document父级是window，document也可以写成window.document。O表示的是object，即对象，javascript中的对象有用户自定义对象、内建对象和宿主对象。而本书讨论的主要是宿主对象中的document对象。M表示的是模型，也就是一种表示形式。比如我们说到蛇，就会想到长长的、光滑的有毒的形状。其实这就是蛇在人们心中的模型。而DOM把文档表示成一种模型：家族谱树，这种方法借鉴了数据结构中树的思想，通过这个树形结构，可以很方便地查找、增加和删除节点。

在书中第3章介绍了几个关于DOM提供的方法：getElementById、getElementsByTagName、getElementByClassName、getArrtibute、setAttibute，这几个方法可以从document中获取节点和节点属性并改变属性值。

第4章介绍了一个简单的javascript应用案例，介绍的与第三章不一样的是属性而不是方法，比如：childNodes、nodeType、nodeValue、firstChild、lastChild。并初步用到了事件处理函数把js代码与网页集成到一起。

第5章其实介绍的是一种哲学思想，如果说前几章修炼的是外功，那么这一章则修炼的是内功。平稳退化、分离js、向后兼容和性能考虑，这些都是一个高级前端工程师必备的，也是走向优秀的必经之路。很多浏览器不支持javascript或者用户禁用了javascript，那么在设计代码时要考虑平稳退化，保证用户访问不受影响。渐进增强和代码分离其实强调的都是将js和html分开编写，也就是不能混编，这样一来代码结构分明好维护，二来也必定符合平稳退化的要求。对象检测也很重要，由于浏览器兼容性的问题，往往需要在使用某个dom方法前检测浏览器是否支持这个方法，本书的方法用到的是if判断，我在其他地方看到也可以用逻辑语句“或”（“||”）。性能考虑主要是减少dom访问和压缩脚本等。

javascript代码还能影响html结构，通过动态创建标记并将其插到文档中能实现改变文档结构的效果，同时也能删除某些节点。javascript不仅能够改变html而且还能改变css，获取和改变样式的方法很简单，使用style方法就能达到目的。

javascript的使用方法太灵活了，这门“胶水语言”真是太强大了。有很多值得探索的地方。在网页动画效果上能做的非常好，可以说只有想不到的，没有做不到的。《JavaScript DOM 编程艺术》作为新手入门书籍，是十分合适的，不过其只介绍了javascript中的dom部分，真正的javascript其实有三个部分：ECMAScript、DOM、BOM，不过DOM却是其中最有意思最灵活的一部分。当然一本《JavaScript DOM 编程艺术》对于javascript的学习是远远不够的，第二本书应该是《JavaScript 高级程序设计》，这本书被称为红宝书，涵盖了javascript的方方面面，可读性比起犀牛书来说要高，是值得精读的，也是我最近在读的书。