手写jQuery核心源码Day3

手写jQuery核心源码Day3

今天主要是实现了jQuery部分的DOM方法和DOM属性操作的一些方法
源码在:https://gitee.com/jimmyxuexue/handwritten_jquery_source/blob/master/%E6%89%8B%E5%86%99%E6%BA%90%E7%A0%81/myQuery.js
一些方法的细节我都以注释的形式留在了代码中
手写jQuery核心源码Day3
写这个库的主要原因是自己对于封装的方面做的还不够好,可以乘着这次机会好好的学习一下,顺便带着复习一下JS大法
以下是我学到的原生JS的知识点:

  • append()方法和appendChild()方法的区别:append可以同时传递多个节点或者是字符串,并且是没有返回值的,二appendChild()可以理解成是只能传递节点,不支持字符串的传递。
  • getAt't'ribute()setAttribute()方法,这个两个方法是用于查询和设置DOM节点属性的,getAttribute()传递一个属性名,会返回一个属性值,setAttribute()传递两个参数,会以键值对的形式为节点添加属性
  • 设置DOM的属性,可以通过使用[]的形式来获取DOM的属性,也可以自定义的为DOM设置属性如DOM[hhh] = 'jjj'为DOM添加了一个hhh属性,属性值为jjj
  • window.getComputedStyle()获取DOM的CSS样式的信息,传递的参数是DOM元素,快速获取某个属性可以配合这[]的形式来使用,如window.getComputedStyle(div标签)[height]获取div标签的高度信息
  • 数组的includes()方法,只能用于真数组,对象数组是没有办法使用的,传递一个值,如果数组中有,则返回TRUE没有则返回FALSE
现在已经是23:51分了,不出意外明天这个库可以完成了,加油~