读《Javascript DOM 编程艺术》

看的是第二版,全书共12章,除前面几章涉及历史及语法外,剩下的8章都是通过实例来学习,非常喜欢这种实战型的学习方式。

距离第二版出版(出版于2011年)已经过去了将近8年了,原书中给到的代码参考网站friendsofed 已经无法访问,示例代码中有些地方还是有坑的,比如chapter11中的视频部分,我照着书中的示例代码,重敲了一遍,详见DOM Scripting,所有的功能都可以正常运行,图片视频等素材简单在Google上找了下,如果你也在学它,也许可以做个参考。

书比较薄,而且主要的篇幅集中在示例上,就简单梳理下书中的要点以备忘。

文档其实是一堆nodes的集合,基本操作:新增,修改,查找,或者删除node。

node的三个基本类型:

元素节点,文本节点,属性节点。

DOM提供的使用最为频繁的方法:

getElementById

getElementsByTagName

getElementsByClassName

getAttribute

setAttribute

最佳实践需要记住:

平稳退化:让访问者可以在浏览器不支持Javascript的情况下,仍能顺利浏览网站。

渐进增强:用一些额外的信息去包裹原始数据,其目的是分离Javascript,让结构和行为分离。

要记住的知识点并不多,个人感觉主要的收获来源实践,跟着书中内容敲一遍,不花多少时间,但是感觉非常好,“用餐”很愉快,五星推荐。