JS模块化编程

Posted 2020-09-14 bing

js模块化编程演化

博客文章：

1 传统模块化：http://www.ruanyifeng.com/blog/2012/10/javascript_module.html

2 AMD规范：http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

3 RequireJs：http://www.ruanyifeng.com/blog/2012/11/require_js.html

现在有两大模块化规范，使用在具体考虑的环境中

CMD：同步加载模块，主要考虑到模块js文件加载时间很短，且没有ui的生成环境中使用，因为ui的存在，同步加载会造成ui假死，如nodejs编程

AMD：对于存在ui情况下防止同步加载js模块导致ui假死，则采用异步加载，加载完成回调来实现

 

前端技术演化路径

1 基础入门型：html作为ui骨架，css作为ui样式外观，js作为逻辑交互处理

2 jquery作为原生js第一层封装，在屏蔽浏览器兼容性的基础上增加一些方便使用的api，主要提供选择器扩展，css样式处理，dom操作（增删查改），dom事件，扩展性的jquery插件

3 模块化编程：amd，cmd规范，其中amd代表性requiresjs，cmd代表seajs

4 早期mvc框架：backbone，underscore

5 强大的mvc框架：angluarjs，vuejs

6 移动端进化：zeptojs（移动端的jquery）

7 css进化：less语法

8 js进化：ts语法