jquery分析之文件

摘要:
在我的日常使用中,jquery的很多方法我会用不上,就比如说effect的一些奇怪效果,我不看源码,我还不知道有这个API存在。但是看到上面jquery的依赖,我就发现,jquery的定制化非常的差,但这也是没有办法,api太多,不可能每一个都单独设立文件。
一、文件分析
1、从github中把jquery的源码全部下载下来,其中的src文件夹,是jquery的所有功能文件夹,jquery现在开始把功能都进行模块化开发,支持amd和cmd。
jquery-master>src
2、分析文件
ajax——ajax功能
attribute——选择器功能
core——核心代码
css——css操作
data——文档处理
effect——特效
event——事件
exports——模块
mainipulation——Dom操作
queue——遍历
traversing——Dom遍历
var——赋值
3、jquery的依赖
jquery-master>src>jquery.js——这个文件中,是jquery所有依赖的js文件。
  1. define([
  2. "./core",//核心代码
  3. "./selector",
  4. "./traversing",
  5. "./callbacks",
  6. "./deferred",
  7. "./core/ready",
  8. "./data",
  9. "./queue",
  10. "./queue/delay",
  11. "./attributes",
  12. "./event",
  13. "./event/alias",
  14. "./manipulation",
  15. "./manipulation/_evalUrl",
  16. "./wrap",
  17. "./css",
  18. "./css/hiddenVisibleSelectors",
  19. "./serialize",
  20. "./ajax",
  21. "./ajax/xhr",
  22. "./ajax/script",
  23. "./ajax/jsonp",
  24. "./ajax/load",
  25. "./event/ajax",
  26. "./effects",
  27. "./effects/animatedSelector",
  28. "./offset",
  29. "./dimensions",
  30. "./deprecated",
  31. "./exports/amd"
  32. ], function( jQuery ) {
  33. return (window.jQuery = window.$ = jQuery);
  34. //将jquery、$挂载到window下作为全局调用方法
  35. });
4、是否要定制化,自己的jquery。在我的日常使用中,jquery的很多方法我会用不上,就比如说effect的一些奇怪效果,我不看源码,我还不知道有这个API存在。但是看到上面jquery的依赖,我就发现,jquery的定制化非常的差,但这也是没有办法,api太多,不可能每一个都单独设立文件。还是一点一点看了。

来自为知笔记(Wiz)

免责声明:文章转载自《jquery分析之文件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇docker 下载镜像缓慢问题ResNet-50模型图像分类示例下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Jquery 选择器

Jquery的这套选择符是比较帅气的,借用了XPath2.0和CSS1-3中的语法,并且兼容了多个浏览器,让原本非常复杂的DOM,一下子变得简单起来了,手中最新的版本是1.2.2b,下面的所有例子,也是根据此版本提供的例子。 测试HTML代码: <divid="father">    <divid="first">I am fir...

对require.js 的使用进行总结

一、为什么要使用require.js       首先一个页面如果在加载多个js文件的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。       require.js,就是为了解决这两个问题:       (1)实现...

JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记1

技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】 第 3 章 用 JavaScript 实现的照片展示 构建软件设计的方法有两种:一种是把软件做得很简单以至于明显找不到缺陷;另一种是把它 做得很复杂以至于找不到明显的缺陷。 ——C.A.R...

元素上下、左右滚动插件,固定dom结构。基于jQuery,2009年

1 /** 2 * @classDescription 超级Marquee,可做图片导航,图片轮换 3 * @author Aken Li(www.kxbd.com) 4 * @date 2009-07-27 5 * @dependence jQuery 1.3.2 6 * @DOM 7 * <div...

JQuery元素滚动定位及获取元素的scrollTop,clientHeight,scrollHeight

scrollHeight为滚动DIV的实际总体高度,获取方式为:$(obj)[0].scrollHeight clientHeight为滚动DIV的可见高度,获取方式为:$(obj)[0].clientHeight scrollTop为滚动DIV被卷去的上端高度,获取方式为:$(obj).scrollTop offset为元素的偏移量,获取方式为:$(o...

jquery/js记录点击事件,单击次数加一,双击清零

目的:点击按钮,点击后在网页上显示点击次数,双击清零 实现:js或者jquery 代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE HTML> <html&g...