20.项目 1-博客前端：封装库--调试封装

学习要点：

1.问题所在
2.设置代码

这节课将前面多节节点课程和 DOM 加载课程的调用方式，在这节课重新调用一下，已
保证正确性。

一．问题所在

我们在之前的多节课中改写了 DOM 节点的获取方式和 DOM 加载的方式，那么现在博
客首页的调用方式就失效了，我们必须重新编写一下。

二．设置代码

//addDomLoaded
Base.prototype.ready = function (fn) {
addDomLoaded(fn);
};
//直接函数调用
else if (typeof args == 'function') {
this.ready(args);
}

增加三个获取节点对象的方法，更容易的获取首节点，尾节点和任意位置节点。

//获取某一个节点，并返回这个节点对象
Base.prototype.ge = function (num) {
return this.elements[num];
};
//获取首个节点，并返回这个节点对象
Base.prototype.first = function () {
return this.elements[0];
};
//获取最后一个节点，并返回这个节点对象
Base.prototype.last = function () {
return this.elements[this.elements.length - 1];
};

这样前台调用就更加方便简单。

感谢收看本次教程！