AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

阅读jquery源码与js依赖加载的模块化！

2014-10-12 684
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 阅读源码肯定是先下载有注释的源码 我也是醉了，10309 行代码，在陆续续的一个月之内，看完了，虽有收获但收获不大， 直到又一次看jquery的github，怎么会有cmd？？？？没听过使用jquery时候还要用requresjs啊，这是咋回事啊，jquery不是一个独立的js库么， ...

阅读源码肯定是先下载有注释的源码

image

我也是醉了，10309 行代码，在陆续续的一个月之内，看完了，虽有收获但收获不大，

image

直到又一次看jquery的github，怎么会有cmd？？？？没听过使用jquery时候还要用requresjs啊，这是咋回事啊，jquery不是一个独立的js库么，

不过看着 src文件夹下的目录，倒是非常清晰，每个文件里面的文件代码也不多，研究 代码也容易了

image

然后看了下imagegrunt 配置文件才明白，

原来jq的作者为了在开发的时候，分清楚jq的内部结构，用amd的方式进行模块化，然后在打包的时候，在按照amd方式进行打包，形成一个独立的文件，

这样在写对外提供的js文件的时候，完全可以按照jq源码的组织结构，既可以实现js模块化而且不依赖requrejs，而且生成一个文件方便调用

test
文章标签：
JavaScript
关键词：
JavaScript模块化
jQuery源码
JavaScript jquery
JavaScript源码
jQuery js
互联网fans
目录
相关文章
花非花雾非雾11
|
1月前
|
JavaScript UED
js之模块化（2）
js之模块化（2）
花非花雾非雾11
43 4
土木林森
|
2月前
|
JavaScript 前端开发 编译器
解锁JavaScript模块化编程新纪元：从CommonJS的基石到ES Modules的飞跃，探索代码组织的艺术与科学
【8月更文挑战第27天】随着Web应用复杂度的提升，JavaScript模块化编程变得至关重要，它能有效降低代码耦合度并提高项目可维护性及扩展性。从CommonJS到ES Modules，模块化标准经历了显著的发展。CommonJS最初专为服务器端设计，通过`require()`同步加载模块。而ES Modules作为官方标准，支持异步加载，更适合浏览器环境，并且能够进行静态分析以优化性能。这两种标准各有特色，但ES Modules凭借其更广泛的跨平台兼容性和现代语法逐渐成为主流。这一演进不仅标志着JavaScript模块化的成熟，也反映了整个JavaScript生态系统的不断完善。
土木林森
46 3
花非花雾非雾11
|
1月前
|
JavaScript 前端开发 开发者
js之模块化（1）
js之模块化（1）
花非花雾非雾11
142 61
神明木佑
|
9天前
|
JavaScript 前端开发 开发者
jQuery：JavaScript库的瑰宝
jQuery：JavaScript库的瑰宝
神明木佑
34 3
邹荣乐
|
5天前
|
缓存 JavaScript 前端开发
Node.js模块化的基本概念和分类及使用方法
Node.js模块化的基本概念和分类及使用方法
邹荣乐
13 0
Star时光
|
6天前
|
JavaScript 前端开发 API
深入了解jQuery：快速、高效的JavaScript库
【10月更文挑战第11天深入了解jQuery：快速、高效的JavaScript库
Star时光
7 0
cqtianxin1
|
17天前
|
JavaScript 前端开发
JavaScript - 测试 jQuery
JavaScript - 测试 jQuery
cqtianxin1
9 0
派大鑫的工作室
|
18天前
|
JavaScript 前端开发
JavaScript三级联动jQuery写法
JavaScript三级联动jQuery写法
派大鑫的工作室
14 0
派大鑫的工作室
|
18天前
|
JavaScript 前端开发
JavaScript 树状菜单栏jQuery写法
JavaScript 树状菜单栏jQuery写法
派大鑫的工作室
11 0
Hoshiᅟᅠ
|
19天前
|
JavaScript 前端开发 API
【前端基础篇】JavaScript之jQuery介绍
【前端基础篇】JavaScript之jQuery介绍
Hoshiᅟᅠ
43 0

热门文章

最新文章

  • 1
    JavaScript基本数据类型分析
  • 2
    [IE&FireFox兼容]JS对select操作
  • 3
    《你不知道的JavaScript》整理（三）——对象
  • 4
    【沫沫金】最简单的修改地址栏浏览器地址方法（JS）
  • 5
    Lazyr.js – 延迟加载图片（Lazy Loading）
  • 6
    javascript语言扩展:可迭代对象（2）
  • 7
    Javascript 返回上一页并刷新
  • 8
    JavaScript学习之旅-1（原创）
  • 9
    从此不再惧怕URI编码：JavaScript及C# URI编码详解
  • 10
    JavaScript由入门到精通（一）——JavaScript介绍
  • 1
    jquery选择器有哪些
    31
  • 2
    jquery的一些方法
    37
  • 3
    【Web 前端】jQuery 里的 each() 是什么函数？你是如何使用它的？
    184
  • 4
    【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同？
    73
  • 5
    【Web 前端】如何在点击一个按钮时使用 jQuery 隐藏一个图片？
    206
  • 6
    【Web 前端】 jQuery 里的 ID 选择器和 class 选择器有何不同？
    100
  • 7
    【Web 前端】jQuery 库中的 $() 是什么？
    263
  • 8
    jquery获取子元素的一些方法
    52
  • 9
    JQuery的定义
    41
  • 10
    jQuery遍历节点的方法
    35

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • jQuery开发教程
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • 前端开发CSS基础

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 搭建Node.js编程环境
  • CSS基础教程
    • 下一篇
    AI助理直击要害，从繁复中提炼精华——使用CDN加速访问OSS存储的图片