@[First]`2019 - 11 - 2

阅读JS DOM 编程艺术(2)的些许感悟

这本书虽然已经过去好多年了, 但我发现其中的思想真的很棒, 包括渐进增强, 平稳退化, 函数抽象等 . 收益良多, 特此记录, 方便学习和查找.

函数抽象

抽象：把一个非常具体的东西改进为一个较为通用的东西的过程. ## 下面记录一些JS的实用函数:

在页面加载后想立即执行某个函数可以这样 :

`window.onload = function`

(注意: function是一个函数且没有括号). 当我们想一次加载多个函数的时候, 如果这样写:

window.onload = firstFunc; window.onload = secondFunc;

他们之间只有最后一个函数才会被实际执行.

window.onload()方法的衍生: 不管你打算在页面加载完毕时执行多少个函数，一百个一千个等，它都可以应付自如，使用一个函数 addLoadEvent，它是由Simon Willison(详见 http://simon.incutio.com)编写的，它只有一个参数: 需要执行的函数名 . 详见: addLoadEvent 函数

在需要给元素添加新的 class 属性值时, 可手动封装一个 addClass 函数: 详见 : addClass 函数

insertAfter 函数: 在已有的元素前插入一个新元素. 详见 : insertAfter

getNextElement 函数: 获取下一个元素节点 详见 : getNextElemnet

styleElementSiblings 函数: 为标签新加 class 属性值 详见 :styleElementSiblings