《JavaScript DOM编程艺术》 读后感
date
Jun 11, 2019
slug
2019-06-11
status
Published
tags
技术
读后感
阅读
summary
type
Post
总体感受
这本书主要讲解的是使用原生JavaScript进行编写，向读者阐述了DOM的用法和妙用。
我从这本书中获得了一些编程思路
- 比如我们确定了一个产品的大致框架，那么就可以进行分析
- 通过原始资料确定
站点地图
- 通过站点地图创建对应的文件
- 之后写出模板，其后的页面大多以此为样本进行添加功能
- 设计页面，
- CSS:颜色，布局，板式
- JavaScript:各式各样的行为事件
- 处理好兼容
- 压缩代码,加快访问
这个分析让我想起曾经写静态页面的时候
对一个页面进行1:1仿照,最惨痛的经验是:一定要先进行分析,之后再开始编写代码不然很容易进行返工,毕竟可能开头就设计错了关系。在这本书里面我也对自己的知识进行了查缺补漏
- 对象的定义曾经没有清晰
对象是自包含的数据集合,它的数据可以通过属性和方法进行访问
- 属性是隶属于某个特定对象的变量
- 方法是只有某个特定对象才能调用的函数
- 对象也分为多种,
内建对象就是JS自带的对象;宿主对象就是运行环境的对象;用户自定义对象就是使用者自己定义的对象
- 当然DOM也不是原生的意思,D是文档,O是对象,M是模型
- 文档是节点构成的集合,分为元素节点,文本节点,属性节点
- "渐进增强"原则和代码的平稳退化
- 获得的很重要的一个,是我曾经不清楚为什么禁止默认行为要写return false,不知道有没有人和我一样. 一个事件处理函数的默认行为是否要执行,是通过这个事件处理函数所触发的js代码所返回的布尔值决定的.如果返回false,则事件处理函数认为这个事件没有被触发,则不执行默认行为;而为true则执行.
- 而alert我个人认为也是一个window.open的应用的变形,因为没有打开新窗口,而window.open()是可以设置打开页面的大小的.
- 为确保js文件在HTML文档加载完之后执行,可使用window.onload()
- 将css文件合并在一个css文件中的方法,可以更方便修改
@import url(文件路径);
@import url(文件路径);- 同时也获得了一些提醒
- 验证脚本写不好,不如不写,就是不会写兼容,那就不如别写
- 同时不要依赖js
- 客户端主要是帮助和提醒用户如何使用,而不是帮他们处理一切,有些是由服务器来负责的
- 了解了ajax的原理