前端模块化

Posted diwangkaige

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端模块化相关的知识,希望对你有一定的参考价值。

一.为什么要使用的模块化开发

1.之前我们所用的传统开发将整个网页的效果都写道一个js文件,这样或导致耦合度过高,代码关联性太强,不便于后期维护,还会造成全局污染

2.功能化的js文件会导致发生的请求次数过多,依赖模糊,也难以维护

3.模块化开发会减少代码的关联度,部署方便,按需加载,避免命名冲突,容易维护

二.什么是模块化开发

1.现阶段模块化开发有三种规范

服务器端:common.js ,代表就是node.js  比较适合后端开发,因为是同步的,服务器的运行比较快,等待的时间不是很长;但是common.js不适合前端,客户端的浏览器追求的是异步加载

浏览器端:前端模块的规范有AMD和ES6两种;AMD的代表是ewquire.js 

2.不使用任何规范的模块化开发

技术图片

技术图片

技术图片

技术图片

这种开发方式是自定义前端模块开发,需要注意的是依赖关系

及这种方式的缺点是发送的请求次数过多

 

3.使用AMD模块化开发

 

 

 

技术图片

技术图片

技术图片

技术图片

技术图片

以上是关于前端模块化的主要内容,如果未能解决你的问题,请参考以下文章

浅谈前端工程化模块化组件化

前端工程化实战:React 模块化开发性能优化和组件化实践

前端模块化

前端模块化详解

前端模块化

js前端模块化之加载器原理解析