JavaScript DOM编程艺术 读后感

总体感受

​ 这本书主要讲解的是使用原生JavaScript进行编写，向读者阐述了DOM的用法和妙用。

我从这本书中获得了一些编程思路

• 比如我们确定了一个产品的大致框架，那么就可以进行分析
  1. 通过原始资料确定站点地图
  2. 通过站点地图创建对应的文件
  3. 之后写出模板，其后的页面大多以此为样本进行添加功能
  4. 设计页面，
     • CSS:颜色，布局，板式
     • JavaScript:各式各样的行为事件
     • 处理好兼容
  5. 压缩代码,加快访问

​ 这个分析让我想起曾经写静态页面的时候对一个页面进行1:1仿照,最惨痛的经验是:一定要先进行分析,之后再开始编写代码不然很容易进行返工,毕竟可能开头就设计错了关系。

在这本书里面我也对自己的知识进行了查缺补漏

1. 对象的定义曾经没有清晰对象是自包含的数据集合,它的数据可以通过属性和方法进行访问

   • 属性是隶属于某个特定对象的变量
   • 方法是只有某个特定对象才能调用的函数

2. 对象也分为多种,内建对象就是JS自带的对象;宿主对象就是运行环境的对象;用户自定义对象就是使用者自己定义的对象

3. 当然DOM也不是原生的意思,D是文档,O是对象,M是模型

4. 文档是节点构成的集合,分为元素节点,文本节点,属性节点

5. "渐进增强"原则和代码的平稳退化

6. 获得的很重要的一个,是我曾经不清楚为什么禁止默认行为要写return false,不知道有没有人和我一样. 一个事件处理函数的默认行为是否要执行,是通过这个事件处理函数所触发的js代码所返回的布尔值决定的.如果返回false,则事件处理函数认为这个事件没有被触发,则不执行默认行为;而为true则执行.

7. 而alert我个人认为也是一个window.open的应用的变形,因为没有打开新窗口,而window.open()是可以设置打开页面的大小的.

8. 为确保js文件在HTML文档加载完之后执行,可使用window.onload()

9. 将css文件合并在一个css文件中的方法,可以更方便修改

   @import url(文件路径);
   @import url(文件路径);

10. 同时也获得了一些提醒

    • 验证脚本写不好,不如不写,就是不会写兼容,那就不如别写
    • 同时不要依赖js
    • 客户端主要是帮助和提醒用户如何使用,而不是帮他们处理一切,有些是由服务器来负责的

11. 了解了ajax的原理