seajs源码学习(一)
今天是2015年12月4日,天气较为阴冷。(习惯性记下日期和天气,总要留些回忆给以后)
学习的最佳捷径是模仿,所以如果想快速提高javascript技术,捷径就是去读大神们的优秀源码。就像我们学说话一样,听多了,模仿多了,也就会听会说了。
听说“懂得一个道理而不去奉行它,那就是还没有懂得这个道理”。本着这个宗旨,我今天开始学习seajs源码,希望学习完以后能达到以下目的:
1、Get一个新技能,能熟练掌握seajs的使用,并将它用到一个项目中(好吧,我承认是因为seajs比较时髦,而我out了);
2、能从中向玉伯大神学几招,以便提升一下自己做的东西的专业水准(本着“不想当**的**不是好**”的心态);
解读源码的办法
不再啰嗦,先来看看我怎么去解读源码。
解读seajs源码,就像拆一个收音机,首先得搞清楚它是干啥的,怎么干的,原理是啥,都由哪些部件和模块组成,用了些什么零件,零件分别承担什么工作。
那么首先,得了解seajs是干啥的。我对seajs所知有限,在各处博客论坛上走马观花转悠了一圈,只知道它能干这些事:
1、依赖管理;
想像下这样的场景,一个html页面内引入了a.js和b.js两个文件,当b.js的某个功能的实现,依赖于a.js中的某个方法时,此时如果a.js加载顺序在b.js后面,
那么b.js调用a.js中的某个方法干活时,肯定会报如下错误:

因为这时,b.js就是依赖a.js干活的,它们之间存在一种依赖关系。
如果一个页面中有很多个js文件,相互之间的依赖关系很复制,那么管理这些js文件的加载顺序来就是一个噩梦,而seajs的依赖管理功能可以让你从这种噩梦中解脱。
2、代码模块化;
模块化,听起来多么高大上的词。说白了就是把一盘炒好的菜分成佐料、主菜、配菜、调味料、水、油等各个部分。
一个js框架可能有着很多功能,seajs做的就是把它们的各部分功能分开成一个个模块,每个模块放一个js文件中。这样做的好处在于:
a、方便维护,容易定位到bug;
b、方便扩展,要扩展某个新功能加js文件即可,不要再到处翻;
seajs分模块的办法是所有javascript代码都要遵循CMD规范,seajs提供了几个好用又简单的API来管理模块;

seajs源码学习(一)的更多相关文章
- seajs 源码解读
之前面试时老问一个问题seajs 是怎么加载js 文件的 在网上找一些资料,觉得这个写的不错就转载了,记录一下,也学习一下 seajs 源码解读 seajs 简单介绍 seajs是前端应用模块化开发的 ...
- Java集合专题总结(1):HashMap 和 HashTable 源码学习和面试总结
2017年的秋招彻底结束了,感觉Java上面的最常见的集合相关的问题就是hash--系列和一些常用并发集合和队列,堆等结合算法一起考察,不完全统计,本人经历:先后百度.唯品会.58同城.新浪微博.趣分 ...
- jQuery源码学习感想
还记得去年(2015)九月份的时候,作为一个大四的学生去参加美团霸面,结果被美团技术总监教育了一番,那次问了我很多jQuery源码的知识点,以前虽然喜欢研究框架,但水平还不足够来研究jQuery源码, ...
- MVC系列——MVC源码学习:打造自己的MVC框架(四:了解神奇的视图引擎)
前言:通过之前的三篇介绍,我们基本上完成了从请求发出到路由匹配.再到控制器的激活,再到Action的执行这些个过程.今天还是趁热打铁,将我们的View也来完善下,也让整个系列相对完整,博主不希望烂尾. ...
- MVC系列——MVC源码学习:打造自己的MVC框架(三:自定义路由规则)
前言:上篇介绍了下自己的MVC框架前两个版本,经过两天的整理,版本三基本已经完成,今天还是发出来供大家参考和学习.虽然微软的Routing功能已经非常强大,完全没有必要再“重复造轮子”了,但博主还是觉 ...
- MVC系列——MVC源码学习:打造自己的MVC框架(二:附源码)
前言:上篇介绍了下 MVC5 的核心原理,整篇文章比较偏理论,所以相对比较枯燥.今天就来根据上篇的理论一步一步进行实践,通过自己写的一个简易MVC框架逐步理解,相信通过这一篇的实践,你会对MVC有一个 ...
- MVC系列——MVC源码学习:打造自己的MVC框架(一:核心原理)
前言:最近一段时间在学习MVC源码,说实话,研读源码真是一个痛苦的过程,好多晦涩的语法搞得人晕晕乎乎.这两天算是理解了一小部分,这里先记录下来,也给需要的园友一个参考,奈何博主技术有限,如有理解不妥之 ...
- 我的angularjs源码学习之旅2——依赖注入
依赖注入起源于实现控制反转的典型框架Spring框架,用来削减计算机程序的耦合问题.简单来说,在定义方法的时候,方法所依赖的对象就被隐性的注入到该方法中,在方法中可以直接使用,而不需要在执行该函数的时 ...
- ddms(基于 Express 的表单管理系统)源码学习
ddms是基于express的一个表单管理系统,今天抽时间看了下它的代码,其实算不上源码学习,只是对它其中一些小的开发技巧做一些记录,希望以后在项目开发中能够实践下. 数据层封装 模块只对外暴露mod ...
随机推荐
- Nacos 发布 1.0.0 GA 版本,可大规模投入到生产环境
经过 3 个 RC 版本的社区体验之后,Nacos 正式发布 1.0.0 GA 版本,在架构.功能和 API 设计上进行了全方位的重构和升级. 1.0.0 版本的发布标志着 Nacos 已经可以大规模 ...
- 前端web设置div宽高一样
<div class="constant-width-to-height-ratio"></div> .constant-width-to-height-r ...
- Vue.js 第5章 webpack配置
为什么我们需要打包构建工具:因为我们以后做项目的时候,会使用到很多种不同的工具或者语言,这些工具或者语言其实浏览器并不支持 webpack 是一个现代 JavaScript 应用程序的模块打包器(mo ...
- Python里的迭代器
迭代器(iterator)协议 · 在Python中,支持迭代器协议就是实现对象的__iter__()和__next__()方法. 1.__iter__()方法:返回迭代器对象本身: 2.__next ...
- HZOJ 矩阵游戏
大水题一个,然而由于两颗线段树的阴影我死了…… 算法一:对于50%的数据: 送分,直接一个一个乘,时间复杂度O(KN). 算法二:对于80%的数据:如果我们不一个一个乘,将第i行的和乘x ,第j列的和 ...
- 命名分组(?<name>....)
捕获组分为: 普通捕获组(Expression) 命名捕获组(?Expression) 普通捕获组 从正则表达式左侧开始,每出现一个左括号"("记做一个分组,分组编号从 1 开始. ...
- H3C SSH配置例子
- H3C TCP与UDP的对比
- 数据采集之js埋点
一.后台nginx环境搭建 web点数据采集后台配置nginx:https://blog.csdn.net/weixin_37490221/article/details/80894827 下载数据源 ...
- 深入Java线程管理(一):线程的实现方式
Java的线程实现方式一共有三种,继承Thread.实现Runable接口,实现Callable接口.不过实现Runnable接口与实现Callable接口的方式基本相同,只是Callable接口里定 ...