Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >有空看看jQuery源码吧,看不懂也会有收获

有空看看jQuery源码吧,看不懂也会有收获

作者头像
web前端教室
发布于 2018-02-06 05:58:04
发布于 2018-02-06 05:58:04
5690
举报
文章被收录于专栏:web前端教室web前端教室

jQuery是一个对新人很亲切的JS库,它的源码风格都比较接近自然语言,可以一边对照手册,一边查看jQuery源码。第一次看必然很吃力,不过没关系,这就是学习的过程。

具体怎么看呢,首先自然是百度了,我就比较推荐石川的jQuery系列了,需要有点英文基础,不过也没什么了,多看就OK了。

能够了解到jQuery的所有数据,都是放在var jQuery这个变量里。然后还会了解到为什么要有local jQuery,,

还会了解到jQuery和jQuery.fn.init之间的关系。看起来好像只是缩短了名字,但事实上是有一些增强的,。。

还有jQuery function ,jquery.fn,这那之间的关系,还有最重要的链式调用,是怎么执行的呢?是因为每个函数都return this,this指向jQuery自己,。。

另外jQuery它整个是一个大的自执行匿名函数,它的框架结构和插件的格式,都比较好用,好学,好懂。。多看看很有助于理解OO的一些想法,还可以自己照着JQ来写一个小框架,不用多,只实现几个方法就可以。

jQuery说复杂确实也复杂,毕竟是一个JS库呢。但要说简单呢,它也很简单,它就只做一件事,就是DOM查找。查找到你想要处理的DOM节点,然后在DOM上就可以操作一系列的方法,十分方便。

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2016-04-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 web前端教室 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
jQuery源码研究:化繁为简之拎出框架结构
昨天看的是jQuery源码中最顶部的模块规范判断部分,其主要作用是针对所处不同环境支持的模块规范给出兼容性操作。而jQuery真正主体的部分是在工厂函数中的,在里面实现了所有功能,下面我将工厂函数的函数体按行标记分割成许多小的模块,分割的依据是按照功能块的不同,下面列出我分割好的jQuery简化框架:
前端_AWhile
2019/08/29
7620
jQuery源码浅析
如果说php是世界上最好的语言,那么javascript无疑可以称为世界上最飘逸的语言,最近看了下jQuery的源码,实现了一个简陋的jQuery。我觉得要看懂jQuery整体结构,需要搞懂js作用域链,闭包,js prototype继承,关于闭包网络上的定义实在太多了,这里参照了js权威指南里的定义,感觉从js的角度好理解一点。
用户3094376
2018/09/12
9830
Jquery源码分析-整体结构
  最近在学习Jquery的最新的源码,Jquery-3.3.1版本。网上有很多对jquery解析的文章。但是我还是要自己去尝试着看一篇jquery的源码。本系列博客用来记录其中的过程,并同大家分享。本次学习Jquery源码是结合Jquery API来学习的。结合API来学习,首先会让我理解Jquery的整体结构,让我觉得Jquery源码是有迹可循。如果盲目的去看Jquery源码,10000多行的代码可能会让人望而生畏。
水击三千
2019/05/25
1.3K0
从架构入手轻松读懂框架源码:以jQuery,Zepto,Vue和lodash-es为例
不知道有没有朋友有这种经历。雄心勃勃的打开一个开源框架的源码,开始看,一行一行的看下去,看了几行就感觉,“我艹,这什么玩意儿”,然后就看不下去了。如果你有类似的经历,可以看看本文,本文会以几个常见开源库为例讲解几种常见的开源框架的代码架构,从架构出发,帮你轻松读懂框架源码。记住以下两个要点:
IT大咖说
2020/02/27
1.5K0
从架构入手轻松读懂框架源码:以jQuery,Zepto,Vue和lodash-es为例
jQuery源码研究:jQuery原型对象上的属性方法(上)
今天看下简化框架的第二部分:line: (146 - 225) 为jQ对象添加一些方法和属性。
前端_AWhile
2019/08/29
1.3K0
【深入浅出jQuery】源码浅析2--奇技淫巧
最近一直在研读 jQuery 源码,初看源码一头雾水毫无头绪,真正静下心来细看写的真是精妙,让你感叹代码之美。 其结构明晰,高内聚、低耦合,兼具优秀的性能与便利的扩展性,在浏览器的兼容性(功能缺陷、渐进增强)优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 另外,阅读源码让我接触到了大量底层的知识。对原生JS 、框架设计、代码优化有了全新的认识,接下来将会写一系列关于 jQuery 解析的文章。 我在 github 上关于 jQuery 源码的全文注解,感兴趣的可以围观一下。jQuer
Sb_Coco
2018/05/28
1.1K0
jQuery源码研究:模块规范兼容
从jq官网down下最新的未压缩版代码并打开后,首先看下整体,这就是一个大型的自执行的匿名函数:
前端_AWhile
2019/08/29
1.1K0
不知道怎么封装代码?看看这几种设计模式吧!
我们经常听说:“写代码要有良好的封装,要高内聚,低耦合”。那怎样才算良好的封装,我们为什么要封装呢?其实封装有这样几个好处:
coder_koala
2020/08/27
1K0
不知道怎么封装代码?看看这几种设计模式吧!
零基础打造自己的 js 类库(1)
写作不易,转载请注明出处,谢谢。 文章类别:Javascript基础(面向初学者) 前言 在之前的章节中,我们已经不依赖jQuery,单纯地用JavaScript封装了很多方法,这个时候,你一定会想,这些经常使用的方法能不能单独整理成一个js文件呢? 当然可以,封装本来就是干这个用的。放在一个单独js文件里固然不错,其实我们也可以单独整一个js类库,一方面可以锻炼一下自己封装方法的能力,另一方面,也可以将自己学到的东西做一个整理。 出于这个目的,本文将介绍如何封装一个简单的js类库。 1. 总体设计 所谓的
剽悍一小兔
2018/05/17
3.6K1
看不完的那种!前端170面试题+答案学习整理(良心制作)
圆角border-radius,阴影box-shadow,对文字加特效text-shadow,线性渐变gradient,变化transform,伪元素::selection,媒体查询,多栏布局,图片边框border-image。
达达前端
2021/01/18
11.8K0
JQuery 入门 - 附案例代码
HTML入门与进阶以及HTML5 CSS JS-上 JS-下 jQuery Node.js + Gulp 知识点汇总 MongoDB + Express 入门及案例代码 Vue项目开发-仿蘑菇街电商APP
Twcat_tree
2023/02/20
14.1K0
JQuery 入门 - 附案例代码
应届渣渣前端面经(还有游戏策划以及鸡汤)
前言   本来不准备发的,可是看着自己写了半年的面经,不发呢就让他烂在电脑里,发的话呢,又给各位大佬献丑,后来觉得还是可惜,那还是发吧。 大学四年,方向都是不固定,身边大部分人思想放不开,永远想着专业对口, 又放任自己,我显得不合群。大一想创业,后来发现家里没经商背景没经验,0社会经验创业这是扯淡。大二做了数学建模,开始做得好好的,拿下很多奖,最后队友居然弃坑,然而后期大家都是已经组好队,是找不到3个人组成一个队的了,又放弃了。大三开始做游戏策划,做了几个月又经历了秋招,结果发现自己真心的并不是喜欢做策划
牛客网
2018/07/04
5.7K0
前端开发面试题
本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的!
用户1065635
2019/03/21
5.2K0
前端开发面试题
前端架构师亲述:前端工程师成长之路的 N 问 及 回答
大佬,能分享下学习路径么,感觉天天忙着开发业务,但是能力好像没有太大提升,不知道该怎么充实自己 ?
夜尽天明
2019/06/28
8730
30分钟学会前端模块化开发
早期的javascript版本没有块级作用域、没有类、没有包、也没有模块,这样会带来一些问题,如复用、依赖、冲突、代码组织混乱等,随着前端的膨胀,模块化显得非常迫切。
张果
2018/12/24
4.1K0
从未看过源码,到底该如何入手?分享一次完整的源码阅读过程
我觉得每个人可能都有过看源码的想法吧,也包括我。因为看源码不光能使自己对这个库更加熟悉,还能学习到作者强大的思想,久而久之,自己的水平和思想也会有明显的提升的。
@零一
2021/02/02
1.8K0
web前端面试题汇总_web前端面试题模拟
position的值, relative和absolute分别是相对于谁进行定位的?
全栈程序员站长
2022/09/27
5440
你不知道的 TypeScript 泛型(万字长文,建议收藏)
泛型是 TypeScript(以下简称 TS) 比较高级的功能之一,理解起来也比较困难。泛型应用场景非常广泛,很多地方都能看到它的影子。平时我们阅读开源 TS 项目源码,或者在自己的 TS 项目中使用一些第三方库(比如 React)的时候,经常会看到各种泛型定义。如果你不是特别了解泛型,那么你很可能不仅不会用,不会实现,甚至看不懂这是在干什么。
学前端
2020/07/24
4.8K0
你不知道的 TypeScript 泛型(万字长文,建议收藏)
2022高频前端面试题合集之JavaScript篇(中)
valueOf()和toString()是定义在Object.prototype上的方法,也就是说,所有的对象都会继承到这两个方法。但是在Object.prototype上定义的这两个方法往往不能满足我们的需求(Object.prototype.valueOf()仅仅返回对象本身),因此js的许多内置对象都重写了这两个函数,以实现更适合自身的功能需要(比如说,String.prototype.valueOf就覆盖了在Object.prototype中定义的valueOf)。当我们自定义对象的时候,最好也重写这个方法。重写这个方法时要遵循上面所说的语义。 「js内部用于实现类型转换的4个函数」 这4个方法实际上是ECMAScript定义的4个抽象的操作,它们在js内部使用,进行类型转换。js的使用者不能直接调用这些函数。
程序员法医
2022/12/20
2.4K0
2022高频前端面试题合集之JavaScript篇(中)
英语很好是怎么自学前端的?
我本科学的是国际贸易,乱选的专业。毕业后做了半年外贸,实在不喜欢,然后去做英文编辑了。第二份工作也很无聊,就是写英文软文,发表在国外的行业期刊上,给公司做广告。然后也做英文官网的内容。这是一个很没创意的工作。每天在一堆不利数据里找个别利好数据,包装一下,忽悠人。最重要的是,这份职业里我找不到持续精进的方向,做一年和做三年好像区别不大。 后来学前端也是误打误撞。因为我同时在做英文官网的内容和产品,会和前端打交道。当时公司的前端是学 UI 转过来的,我观察他的工作,以为就是 HTML 写个页面结构,然后 CSS 做个样式,然后用 JS 做点效果就可以了。这个简单啊,我也可以做。然后我就裸辞去学习前端开发了…… 后来发现我错了,但是自己跳的坑,流着泪也要爬出来。接下来我经历了人生中最难熬的一段时间,也经历了人生中第一次大的转变。 我从 2017 年年初开始高强度学习,去年十一假期之后开始我的第一份前端工作,到今天刚好工作一年时间。接下来我将我的学习路径,学习方法,和学习资源整理分享出来,希望可以帮到更多人。
桃翁
2018/10/18
2.4K0
相关推荐
jQuery源码研究:化繁为简之拎出框架结构
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档