requirejs 源码浅析 - Githubissues

zhoukekestar commented 7 years ago

zhoukekestar commented 7 years ago

如何画UML，也可看一下同事的分享。

用户用例 > 包图 > Class 图 > 时序图 > 流程图

zhoukekestar commented 6 years ago

webpack 原理的浅析文章。

zhoukekestar commented 6 years ago

简要概括一下：

requirejs 主要步骤

require 创建一个匿名模块，初始状态为 fetched, 因为能执行到该模块代码就说明资源已加载完毕
设置模块callback 为用户实际执行代码
开始 load 模块，并标记状态为 loading
遍历模块依赖，如果有未加载完成的模块，则执行加载动作
- 加载过程中，资源初始状态为 fetching,
- 加载完成后为 fetched 状态
- 执行load，onload，executed，callback返回对象
当模块依赖加载完成后，执行onload，状态改为 loaded
然后回调用户实际执行代码
执行完成后，状态更改为 executed

seajs 描述：

与 requirejs的主要特点是依赖的声明
requirejs是预定义，预声明，seajs是执行中定义，看上去是动态 require的
- 其中一个额外的操作就是去代码中正则匹配 require 关键字来获取依赖
一个预执行，一个后执行
- 他们之间，在onload之前基本都是一样
- 区别在于，requirejs 是onload 后，直接 execute，而 seajs 是在代码懒执行的，遇到require 才去execute

gowk commented 5 years ago

问下楼主博客链接里的流程图用什么软件画的？

zhoukekestar commented 5 years ago

Mac 下的 OmniGraffle 哈，如果是通用web 版的话，可以尝试用一下 draw.io

zhoukekestar / notes