JavaScript DOM编程艺术(第2版)

一、书中提到的一些观点： 没人能把一种程序设计语言的所有语法和关键字都记住。平稳退化、渐近增强、以用户为中心的设计对任何前端Web开发工作都非常重要。这些思路贯穿在本书的所有示例代码中。本书的精华在于作者在书中提到的关于JavaScript和DOM脚本编程工作的基本原则、良好习惯和正确思路。 在有些场合，需要决定是采用纯粹的CSS解决还是利用DOM来设置样式，作者提到，“如果你手里头只有榔头，那么你看到的任何东西都像钉子。”如果你只喜欢CSS，那么十有八九会选择一个CSS解决方案，而不考虑JavaScript解决方案的效果会不会更好。反之，如果只懂得写DOM脚本，往往会立刻编写JavaScript函数，而不去考虑用CSS来解决问题会不会更简明快捷。如果想改变某个元素的呈现效果，使用CSS；如果想改变某个元素的行为，使用DOM；如果想根据某个元素的行为去改变它的呈现效果，则没有放之四海皆准的答案。 二、整本书的大致内容： 第1章介绍了JavaScript的起源，浏览器战争以及W3C推出标准化DOM，遵循DOM标准，终于可以实现“编写一次，随处运行”的梦想。        第2章简要介绍了一下JavaScript语法，需要详细了解JavaScript语法可以参考《JavaScript高级程序设计（第4版）》。        第3章首先介绍了DOM(Document Object Model)的概念，然后介绍了DOM中三种主要的节点：元素节点、文本节点和属性节点，其中DOM的原子是元素节点。简单介绍了CSS(层叠样式表)。获取元素节点有3种DOM方法：getElementById、getElementsByTagName、getElementsByClassName。通过getAttribute和setAttribute可以获取和设置特定元素的属性。        第4章展示了一个案例：JavaScript图片库。本章介绍了DOM的其他属性，包括：childNodes、nodeType、nodeValue、firstChild和lastChild。元素节点的nodeType属性值是1；属性节点的nodeType属性值是2；文本节点的nodeType属性值是3。重点有两个：一个是如何利用DOM提供的方法编写图片库脚本，另一个是如何利用事件处理函数把JavaScript代码与网页集成在一起。        第5章介绍了与DOM脚本编程有关的概念和实践。包括，平稳退化：确保网页在没有JavaScript的情况下也能正常工作。分离JavaScript：把网页的结构和内容与JavaScript脚本的动作分开。向后兼容性：确保老版本的浏览器不会因为JavaScript脚本而死掉。性能考虑：确定脚本执行的性能最优。 第6章：图片库改进版。对第4章的图片库案例进行了优化。（1）尽量让JavaScript代码能够平稳退化，引入了许多项测试和检查。（2）没有使用onkeypress事件处理函数，使JavaScript代码的可访问性得到保证。（3）结构与行为分离。将事件处理函数从标记文档分离到一个外部的JavaScript文件。 第7章介绍了向浏览器里的文档动态添加标记的方法，包括传统的document.write方法和innerHTML属性。并介绍了利用DOM方法动态创建标记的方法：createElement、createTextNode、appendChild、insertBefore。使用createElement或createTextNode方法刚刚创建出来的节点只是JavaScript世界里的孤儿。利用appendChild、insertBefore方法可以将这些DocumentFragment对象插入某个文档的节点树，使它们呈现在浏览器窗口里。构建了一个非常实用的insertAfter函数。还简要讨论了Ajax和异步请求。 第8章继续使用DOM方法和属性动态创建标记。本章编写了三个函数：为文档创建“缩略语列表”的displayAbbreviations函数，为文档创建“文献来源链接”的displayCitations函数，为文档创建“快捷键清单”的displayAccessKeys函数。 第9章介绍了3种CSS-DOM技术的具体应用示例。（1）根据元素在节点树里的位置设置它们的样式（styleHeaderSiblings函数）。（2）遍历一个节点集合设置有关元素的样式（stripeTables函数）。（3）在事件发生时设置有关元素的样式（highlightRows函数）。 第10章使用JavaScript实现动画效果，编写了一个通用函数prepareSlideshow函数，具有平滑的动画效果和平稳退化。 第11章简单介绍了HTML5的一些特性，包括Canvas、视频、音频和表单。 第12章使用前文介绍的所有与DOM脚本编程相关的技术，从头开始为某个乐队Jay Skript and the Domsters做一个网站，然后使用JavaScript为网站增强交互功能。 附录介绍了JavaScript库，包括jQuery、Prototype、YUI、Dojo Toolkit、MooTools，主要介绍了jQuery。

二零二零年读完的第二本，感觉比较入行不久的前端工程师看吧，虽然现在是虚拟DOM横向天下的时代，仿佛不懂远古时代的DOM知识也能交付，但是缺少了这块知识的工程师就犹如无根之树，风大一点就倒。对于前端技术的理解最终都必须落到这样的实处，因为它才是最原始的载体。作者思路也很清晰的，举的例子也不错，不愧为经典。😄

比较适合入门，内容浅显易懂，简单讲解了前端开发入门所需的技能和知识点，并有实战案例学习练习，让初学者快速掌握书中所学知识点

从工作以来就到处碰到JS代码，不过从来没有深入了解过这门语言，特别是虚拟DOM横行后原先那点点基础就都过时了，重新了解一下

非常好的入门书，不管你是新手还是老手，都能从中获取到你想要的知识，好书永不过时，即使里面有些写法已经老旧，但是思想却是一贯的，非常值得推荐阅读。

2023 看完的第6本书，也是今年第一本前端相关的书， js 权威指南看了1/3 看不下去了，现在回过头看简单一点的 DOM，发现js那边又有了新的一些感想， 这本书从演示了无前端框架前，前端代码应该怎么写，然后前端的思想，总结起来就是 结构，表示，与动作 应分离， 现代的前端框架也在实践这样的思想，只不过从整个项目细化到单个页面，每个页面有自己的 结构，表示，与动作

两个小时草草读完，了解了js和浏览器的一些历史，同时也对某些代码规范有了认识，以及一些名词，比如js伪协议，平稳退化，渐进增强，向后兼容等。 作者用较为白话的方式对解释型语言和编译型的特点进行了阐述，同时也对某些api进行评价，方便以后使用的时候有得取舍。 作者以flash的没落为例，一项技术既简单又好用的时候，就会有更多的人使用，然而一旦成为潮流，就会导致该项技术的使用者良莠不齐，从而导致技术被滥用。其实并不是技术不好，而是用的人多了，更多时候是因为“别人都用了，所以我也要用”而去使用，为了使用而去使用，从而导致技术的口碑越来越差，最终被时代所抛弃。 个人感觉这本书对前端小白还是很友好的，语言通俗易懂，适合闲来无事的时候当科普书读。 最后以作者的一句话结束，只有勤于思考，善于借鉴，才能编写出高质量的脚本，共勉！

草草读完，虽然有一些方法用不上，但是DOM知识还是有必要的，不愧是经典！

三年前在这本书的带领下入门前端。时隔三年重新阅读，新的阅读新的收获。虽说是十年前的书，书里一些理念稍显老旧与过时。但就DOM而言，讲得是非常简单清晰的。

东西很基础，但看书确实让知识更系统。 稳妥和尝试新东西是我看这本书印象最深的地方，代码是这样，人生又何尝不是。