JavaScript 一些实用函数的抽象

@[First]`2019 - 11 - 2

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

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

函数抽象

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

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

   `window.onload = function` 
   

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

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

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

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

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

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

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

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