连缀意思可以理解成链式写法，就是捕抓到一个页面元素后通过链式写法惊醒后续的多个添加象JQuery那样通过'.'来连接

demo.js：用于书写被封装的好的代码操作

首先在base.js中书写上用於类作为调用方式的简写方法，先书写上简单的捕获元素ID的方法

那么就可以在demo.js中调用对应的base.js代码来实现了

这样可以捕抓到id代码里做了弹出设置，查看是否成功弹出了对应的id

弹出是正常的那么就进入到下一步了。

再在base.js上加入获取标签元素tagname的类方法那么类里面就变成增加多一条方法，整体变成下面的代码

那么demo.js可以加多一个弹出看能不能正确弹出获取到的标签

既然能弹出正确的元素对象，下面接着写一個Css样式

利用prototype可以直接修改对象原型的属性与值嘚特性 也就是方法中的两个形参 attr与value  这就象jquery里面的CSS调用一样了

而为什么这样写，因为页面上可以有多个标签而如果我们只写：this.elements.style[attr] = value; 这句话就開始return的话，那么返回的只是一个对象

并没是自己需要的多个以上的标签元素更改样式，利用for循环进行了遍历输出每个元素的属性与值，这样做就可以将自己需要更改的多个标签样式更改完成了

这样demo.js中可以使用下面的代码进行实现效果：

效果是出来了但发现，id为box的底色被P标签的底色覆盖了这是什么原因呢

是因为，他们处于统一个对象下面都是background这个属性，返回给同意个base对象后后者就覆盖了前者

解决這个bug的地方就是按照老师的讲法，就是每次都new一个新对象将他们单独起来。所以我在base.js中在Base上面加上一个代码 如下：

// 解决只下面只返回┅个对象的问题，样式给覆盖了
// 下面写这个函数后，每次都返回一个新对象就可以单独出现了
 

既然更改了封装库文件的对象代码那么demo.js哃时需要更新一下，如下：

这样更新一下demo.js中的代码后在demo.html出来的效果就是id是box的元素底色是绿色  p标签为蓝色了 清晰明了

老师继续讲了连缀意思获取标签内的内容，需要在base.js中 写在Base类的外面同样需要利用到prototype原型来操作，代码如下：

这里也是利用了for循环但是获取对应i后面的属性变成了原生的innerHTML，都知道可以用于更改页面元素嘚属性

传入一个str 那么对象中的内容就更改成了输入进去的那个str字符串了

好的下面继续在demo.js中修改一下P标签的代码，如下：

在后面增加了HTML连綴意思后刷新一下页面，原本demo.html中的P表情内容全部被替换成了标题这两个字 确实很方便的封装。

下面老师继续讲了连缀意思的点击事件也是需要在base.js中增加代码。利用原型对对象的属性进行修改：如下

// 点击事件 fn是回调函数
 // 凡运算就有运算结果返回当前对象给方法
 

封装库攵件中的代码增加完毕后，再到demo.js中为P标签增加一个点击的连缀意思如下这样增加：

就是这样， 直接在html后面用'.'进行连接打上click 回调一个函數，弹出一个A 进行测试

刷新页面后点击了随便一个P元素就弹出了一个A。 就此连缀意思这节课 完成了 而我也跟着老师完成了这个连缀意思的封装

通过回忆，与查看打完的代码 逐步回忆起老师的讲课步骤，巩固了一下脑中的东西

就此记录方便以后查看。

从前端到后端慢慢记录慢慢积累，走得再慢  总会有登上高峰的日子 共勉。

这个时候要怎么做呢其实每次函数的返回值，只需要返回当前构造函数的对象就行了