JavaScript Dom编程艺术 读后感（1）

JavaScript Dom编程艺术 读后感（1）

最近既不是闲来无事，也不是空穴来风，就是买了这本书一年多了，之前看过一遍，当时看的懵懵懂懂。最近又看到这本书了，所以来重读一遍。
现在已经看了一半了，所以来记录一下自己的心得。

1.前三章基本都是在讲一些基本的知识：js的发展史、基础语法知识以及Dom的基本知识点，都是些比较简单的概念，知道就行；
2. 重头戏应该从第四章开始，案例是建立javascript图片库，并不断进行优化和改善。

• html与javascript代码分离 （页面与逻辑分离）
• html与css分离 （页面与结构分离）
• 平稳退化：即使浏览器不支持或者禁用js时，也能给用户一个比较好的体验；
• 渐进增强：用一些额外的信息去包裹原始数据。
• 向后兼容
• 减少访问DOM、减少标记
• 合并并压缩脚本（js、css等）

3. js对象：
   • 内置对象
   • 宿主对象： window对象（浏览器窗口本身）的属性和方法通常成为BOM.
   • 自定义对象
4. DOM(document object model) :把网页文档转化为一个文档对象（DOM Tree的形式）
5. 'javascript:'伪协议:通过一个链接来调用javascript函数

<a href="javascript:popUp('http:www.baidu.com');"></a>

window.onload=function(){
	//页面加载完成之后触发
}

当页面加载完成之后要执行的函数比较多时，用下面的addLoadEvent方法可以快速的添加要执行的函数。

function addLoadEvent(func){
	let oldonload=window.onload;
	if(typeof window.onload =='function'){
		window.onload=function(){
		oldonload();
		func();
		};
	}else{
		window.onload=func;
	}
}
addLoadEvent(firstFunction)
addLoadEvent(secondFunction)