
jQuery源码学习
文章平均质量分 66
miao淼
除了坚持,我别无选择
展开
-
jQuery插件开发初步练习
看了下,前面的bootstrap的carousel.js源码分析好像还没有补充完整,现在想想算了。每月计划还是要做的,carousel.js(轮播)虽然没说完,但我知道自己底细,对bootstrap插件源码不够了解,对jQuery插件缺乏必要认知。所以5月计划便是捣鼓jQuery插件开发,然后进一步完成对bootstrap框架的探索以及利用,对待知识就是要挖掘他的闪光点,学会它。bootstr原创 2017-05-06 01:36:37 · 483 阅读 · 0 评论 -
jQueryy原生js实现---hover事件
jQuery常用鼠标事件之一,hover事件。相信大家对它很熟悉,对其原理也很熟悉。通常就是鼠标经过,鼠标离开事件的集合。我为了更好理解jQuery插件库,所以找一些常用方法用js实现,增强对js的理解。根据上面分析,核心事件就是onmouseover和onmouseout。那么我们就看一下初步效果吧! 3 4 1 2//j原创 2017-10-03 22:41:25 · 13221 阅读 · 0 评论 -
jQuery原生js实现---ready方法
对于很多js库,框架来说都带有js加载延迟。jQuery的ready方法就是等待DOM元素加载完便立即执行,原生js接口onload是等待所有html加载完再加载js文件。ready方法实现原理是利用DOMContentLoaded和 document.documentElement.doScroll("left");实现跨浏览器加载。两个方式都能够监测dom元素是否加载完毕,从而回掉函数执行原创 2017-10-02 23:21:52 · 1435 阅读 · 0 评论 -
jQuery源码学习---简单dom封装(一)
封装简易的dom操作。一、解决命名空间和变量污染1.作用域2.立即执行函数3.闭包jQuery是一个类数组对象,里面有各种方法,当然jQuery的dom选择器是sizzle很牛叉,据了解还有更快的dom选择器,实力上去再探索。jQuery使用无new构造函数,可以直接使用$().xx (function(window){ var wdjs=function(sel原创 2017-02-14 00:33:26 · 1603 阅读 · 0 评论 -
jQuery的原生js实现---on方法
国庆节来了,心情不错,但学习还得继续,今天特意对jQuery的on事件绑定做一个笔记。 1 2 3 4 5 6 7 8 //原生js简单实现jQuery---on方法//IE9以下支持原创 2017-09-30 23:45:22 · 6807 阅读 · 0 评论 -
js文档碎片---DocumentFragment
当我们操作html节点时候,很多情况是需要大量添加DOM元素,如果是不断地使用appendChild插入子节点方式,性能会大打折扣。所以我们应该使用文档碎片,一种轻量级文档处理方式,但是并没有所谓的文档碎片标签。文档碎片可以当作仓库,缓存使用。看例子代码: DocumentFragment文档碎片原创 2017-10-08 21:22:17 · 768 阅读 · 0 评论 -
仿jQuery原生js实现----hasClass,removeClass,addClass
今天发现自己遇到事情总会很粗心,不是不会做,明明自己做出来了,却心急,然后将代码改错。说以前习惯差,说自己不够重视这个工作,不负责任都对。我改,毛病一定得改!!!jQuery的hasClass,removeClass,addClass我们经常用到,那么为了提高水平。决定自己实现一个,好好学习,天天向上。1 2 3 4 5 6hasClass =原创 2017-09-28 22:44:52 · 1092 阅读 · 0 评论 -
jQuery方法原生js实现 --- siblings兄弟节点
今天工作失误,导致移动端浏览器无法工作,初步估计是es6未经过编译便进入项目。经验欠缺,吃一堑长一智吧。工作中用到兄弟节点的地方不算太多,或许选项卡,轮播图会用到。为了对jQuery进一步深入,特意研究一下siblings()方法。 1 2 3 4 5 11 siblings = (o)=>{ let arr原创 2017-09-27 22:21:12 · 4091 阅读 · 0 评论 -
jQuery方法原生实现---each遍历
最近有点浮躁,总想着快速前端进阶,成为高手。奈何现实残酷,故此用原生js实现下jQuery一些函数,用于练手。each遍历类数组,数组挺好用的。网上也有很多教程,原理无非是利用call,apply改变this指针指向,指向谁呢?嗯,js数组!原生数组有着很多方法能够读取数组元素,例如新增加every()方法遍历数组,IE9以上支持该方法function each(object,原创 2017-09-26 00:51:36 · 830 阅读 · 0 评论 -
jQuery插件开发-----tab选项卡
经过实践,发现我不是一个能够坚持的人,所以一有计划马上执行,为了每天保持学习,敲代码,所以不断看视频教程,看书,当年成为学渣就是因为不能重复看一本书。为了分担家里负担,好书重复翻看,好的视频教程重复看,忍忍也就过去了,我需要提升!今天看到慕课网出的tab选项卡,看完之后,觉得有些简单,但使用data-*属性保存值方式值得学习,所以呢,决定自己来一个!原创 2017-05-15 01:45:09 · 1934 阅读 · 0 评论 -
【转】placeholder属性模拟插件(兼容IE)
转载文章地址:http://www.cnblogs.com/sunscheung/p/5277331.html/*! * copyright c by zhangxinxu 2012-02-06 * jquery.placeholder.js placeholder属性模拟插件 * v1.0 2012-02-06 create * v1.2 2012-12-20 兼容IE10下转载 2017-06-13 07:14:25 · 462 阅读 · 0 评论 -
jQuery插件防冲突原理
说到jQuery插件,bootstrap的jQuery插件名声在外,当然主要原因是bootstrap框架被很多人喜爱,学习,并不是因为他的js插件功能强大,比它强大好用的jQuery很多!不过对于插件,眼前成熟做法都会在结尾那里加上防止变量名冲突,也就是不要让别的插件覆盖自己插件,导致程序出错。最开始便是jQuery的noConflict()函数,之后大部分插件都会加上这个函数。很多人可能会问原创 2017-05-16 16:48:58 · 2087 阅读 · 0 评论 -
jQuery原生js实现---trim
中秋节快乐!今天有点空闲,特意找下简单的jQuery方法,但还算是实用的方法,jQuery静态方法trim。该方法能够清楚字符串首尾空格,一般用于输入框,表单等地方。相信有点正则或者对js原生api有点了解都知道,该方法实现并不难,所以直接上代码。//jQuery原生js实现---trim//直接修改原生String对象原型链,为其增加trim方法String.prototype.t原创 2017-10-04 14:34:38 · 1454 阅读 · 0 评论