美文网首页
29(F)-jQuery

29(F)-jQuery

作者: ChenMurphy | 来源:发表于2019-05-30 13:17 被阅读0次

我遍历他要干啥?把兄弟姐妹和我自己分开呗。所以需要判断allChildren是不是等于自己。不等于自己的就是兄弟姐妹呗,放到一个新数组里面所以需要先声明一个新的伪数组。又由于用parentNode.children出来的是一个伪数组。数组是有length有 __proto__:Array,对象是没有length,没有__proto__:Array。伪数组是有lenght但是没有__proto__:Array的对象。所以要申明的应该是对象,并且给一个length。但是我要怎么把遍历出来的放入伪数组呢?通过length从0开始增加。反正随着i增加就行了。最后的length = i - 1(当然这个不用写出来)

等于和赋值,赋值的话只有一个=:被赋值 = 赋值。等于的话随便写,一般不是判断1的都是赋值。

return!!!

forEach就是拿来遍历数组用的,那我就不用写for(let i = 0; i < classes.length; i ++ )了。value指的是对象的value不是传入啥,要传入的参数是calsses。

遍历这东西用习惯了以后就不用去想原来了,当公式用了,直接遍历,遍历的时候的操作就当做操作一个数组内容。只是实际上会操作所有内容而已。


插入一个大疑问为什么遍历这么重要,随处可见的遍历。

因为数组重要,生活中到处是数组,起床刷牙要从一堆东西中拿出牙刷,穿衣服要重一堆中拿出一件,去看车也是去自己车位开车。路我也选了建设4路,停车,选早餐,找位置。虽然不知道我大脑怎么处理这些东西的,但是从代码角度这些东西肯定是先存在数组里面我再挑选的。所以生活到处是数组。同样的前后端给数据也都是数组。能用数组就用数组。像宏光说的除了0就是数组,数组这东西会经常用到,自己要声明变量的时候第一时间就要想想可不可以数组。


两个点:1.for (let key in object){   }是遍历的公式,其中变量key是自己声明的,你换其他的也行。

2.要拿到value只能用object[key],不能用object.key。key这个变量你声明了确实是有了,可以打印出来。那为什么object.key不行呢?因为代码会认为你是给object追加一对key:value,这会有歧义。所以总结下:要拿到object的value如果是拿1个可以用object.key和object[key],如果拿多个只能object[key]

本来if里面如果是true的话就执行。所以一般用===判断是不是true。所以直接数组的key搞成true和false就很方便了哇

本来是用if else得到两个结果,现在其实还是循环。

解读:classes[key]如果等于true那就把add赋值给methodName,然后item3.classList[methodName](key)

classes[key]如果等于false那就把remove赋值给methodName,然后item3.classList[methodName](key)

这里本来是classList.add现在变成classList[add]这样可以吗?当然可以了,不都是选中classList里面的add这个key吗?

同理上面这个if也可以换成这个模式,这句话也太好用了吧


自己写API会有缺点:

比如Number是一个函数,如果我直接用了这个函数那么我就覆盖了这个函数。同理我在写getSibling或者addClasses的时候也可能覆盖原有的函数。所以我最好写一个自己的库,然后把函数都放到自己的库里面。但是如果先写API再写库还是可能会覆盖的。所以在全局完全就不能用声明具名函数的方法。不能function xxx (){} ,那得用什么方法?用给对象加属性的方法!


这就是命名空间啦


this

this就是函数体内用this,但是传入参数可以不写,然后调用的时候写。也就是说this就当普通变量用,只是写函数的时候this不用传入。引用的时候需要.call

另外之前item3.parentNode其实是等于item3.parentNode.call(item3)    a.forEach()等于a.forEach.call(a)

搜:方应杭:this的值到底是什么,一次说清楚


typeof不用加括号


闭包

用了函数外的一个变量,两者组成一个闭包。然后只要有人用这个节点就不会被当垃圾回收,反正先知道这些吧,深入的以后学到再说。


给数组里面加东西用push比用i更好。

总结一下jQuery:

首先接收一个node或者选择器然后封装成一个伪数组,然后在伪数组上面加几个API,然后把伪数组送出去。

用的时候:声明一个变量等于jQuery后面跟一个选择器。

所以node2其实就是一个哈希,前面是属性后面是方法。jQuery就是一个函数这些总结要做好。

作业

相关文章

  • 29(F)-jQuery

    我遍历他要干啥?把兄弟姐妹和我自己分开呗。所以需要判断allChildren是不是等于自己。不等于自己的就是兄弟姐...

  • Jquery

    引用Jquery jquery加载 绑定click事件 jquery特殊效果fadeIn()('#div1').f...

  • jQuery中淡出淡入 效果

    jQuery 效果 -淡入淡出 jQuery Fading 方法 jQuery 拥有下面四种 fade 方法: f...

  • form获取后台传来的返回值

    jquery-form.js下载地址:http://plugins.jquery.com/form/ // $(f...

  • AJAX-全集

    同步+异步 Ajax同步+异步 JavaScript之(AJAX) JQuery之(AJAX) JQuery-有f...

  • 如何开发插件

    jQuery插件开发模式 jQuery插件一般有三种开发方式: 通过$.extend来扩展jQuery 通过$.f...

  • jQuery插件机制

    为了方便用户创建插件,jQuery提供了两种方法来扩展插件,分别是jQuery.extend()和jQuery.f...

  • FullPage.js插件

    Git主页 使用 jQuery library. (1.6.0 minimum) The JavaScript f...

  • Bug相关

    jquery 相关 使用jq的toggle()、toggleClass() 、hide()、slideUp(),f...

  • jQuery淡入淡出

    通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法:fadeIn()f...

网友评论

      本文标题:29(F)-jQuery

      本文链接:https://www.haomeiwen.com/subject/gsudzqtx.html