模块化开发

简介: (转)https://segmentfault.com/a/1190000000733959什么是模块化开发,为什么要使用模块化开发?前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.

(转)https://segmentfault.com/a/1190000000733959

什么是模块化开发,为什么要使用模块化开发?

前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来了,jQuery,Ajax,Node.Js,MVC,MVVM等的助力也使得前端开发得到重视,也使得前端项目越来越复杂,然而,JavaScript却没有为组织代码提供任何明显帮助,甚至没有类的概念,更不用说模块(module)了,下图是一张没有使用模块化开发时的图片,看了图你就知道为什么要进行模块化开发了,那么什么是模块呢?
一个模块就是实现特定功能的文件,有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。模块开发需要遵循一定的规范,否则就都乱套了。
根据AMD规范,我们可以使用define定义模块,使用require调用模块。
目前,通行的js模块规范主要有:CommonJS、AMD、CMD、ES6。


img_0702ea800d407a95a2097b194786403d.png
image.png
目录
相关文章
|
9天前
|
前端开发 JavaScript
为什么要前端模块化?带你了解前端模块化
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript与Vue的大一学生。自学前端2年半,现正向全栈发展。如果你觉得我的文章有帮助,欢迎关注我,将持续更新更多优质内容!🎉🎉🎉
为什么要前端模块化?带你了解前端模块化
|
3月前
|
移动开发 资源调度 前端开发
duxapp:基于Taro使用模块化开发,提升开发效率
duxapp是基于Taro二次开发的模块化框架 使用这个框架,结合框架提供的UI库和工具库,能帮助你快速且高质量的完成项目,且能实现同时开发小程序、H5、APP(React Native),并且保证各个端的一致性
duxapp:基于Taro使用模块化开发,提升开发效率
|
4月前
|
算法 JavaScript 前端开发
什么是模块化开发
【8月更文挑战第26天】什么是模块化开发
129 1
|
6月前
|
JavaScript 前端开发
必知的技术知识:esm前端模块化
必知的技术知识:esm前端模块化
131 0
|
7月前
|
缓存 JSON 前端开发
前端模块化的前世今生(上)
前端模块化的前世今生(上)
112 0
|
缓存 JavaScript 前端开发
模块化
模块化
49 0
|
缓存 前端开发 JavaScript
模块化开发与前端打包工具
模块化开发与前端打包工具
184 0
|
缓存 开发工具 Android开发
其实,模块化并没有你想的那么难
其实,模块化并没有你想的那么难
|
缓存 JavaScript 前端开发
前端模块化 #116
前端模块化 #116
104 0
|
设计模式 缓存 前端开发
骚年,你对前端模块化了解多少
不管是前端老司机还是刚接触前端的"菜鸟"。模块化想必在每天工作中,或多或少都会接触到。尤其针对一些针对React、Vue开发的同学来说,那就是每天都会脱口而出的一个必备术语。并且在很多技术文档中,都常常看到AMD、UMD、COMMONJS还有ES6中的module。 但是,模块化的本质是什么!前端是如何从"茹毛饮血"的<script>到现在es6的module的呢。 今天我们就来唠唠这段鲜为人知的故事。
113 0