浅谈前端JS模块化开发的概念

引子：

前端开发模块化，这个概念从我接触前端开发就一直看到，但是一直没好好的梳理这其中的概念，直到最近才感觉对这其中的概念是很陌生而熟悉。因此记此梳理里面的一些名词。

模块化：

整个web的发展越来越快，涉及到的东西以及要处理的越来越多，于是我们的JS代码就越来越大，自然越来越混乱，就容易出错。因此，我们把代码阉割了。嗯，没错，就是我们把这个大西瓜切成很多块，所以每个程序员都可以自己选择一块，然后吃一块，不再是一个大西瓜一人吃一口了（这样大家就不会在吃的时候相互间咬到嘴了）。

模块化开发规范：

在吃西瓜的时候我们知道了，我们可以把西瓜切开，但是怎么切？这就是模块化开发规范需要做的事了，现在的模块化规范有CommonJs，AMD，CMD和ES6里的模块化。记住这些规范就是帮你正确切西瓜的理论方案。

commonJs：

它是一个同步模式，不太适用于前端端，主要是为了JS在后端的表现制定。它定义了三个模块：关于实现模块引用的require，关于实现模块定义的exports，关于实现模块标识的module，Node 应用由模块组成，就是采用了 CommonJS 模块规范。具体见阮一峰老师的详解：点击打开链接。

AMD：

AMD异步加载所需的模块，主要为JS在前端的表现制定。它只定义了一个模块：define。不论是AMD还是commonJs都是JS模块化开发的规范，不同就是前者适用于服务器端，后者适用于浏览器端。

CMD：

嗯，阿里巴巴玉伯提出的规范，他写的seaJS就是遵从了这个规范。

requireJS：

requireJS就是AMD规范现在用的最流行的实际实现，而上面说的seaJS也就是是CMD规范的实现了。

结束：

具体关于这些规范和执行的内容我也没有去看过，但是关于JS模块化开发的这些概念名词就是这些。东西也很简单，但是当Google前端模块化开发，然后弹出一堆博文时会感觉很乱。记下来不仅是为了分享，也是为了看到自己的不足让自己不断的补充，学习。

浅谈前端JS模块化开发的概念相关推荐

浅谈Vue.js模块化开发
前言模块化最近很火,博主刚给公司的iOS应用项目做了组件化改造.但组件化的思想最早还是来源于前端,前端模块化很早就开始了,无论是 require.js,browserify 进行模块化打包, 还是 ...
「offer来了」浅谈前端面试中开发环境常考知识点
「面试专栏」前端面试之开发环境篇
2022浅谈前端八大UI库
之前在3月份的时候做过一个<浅谈前端八大UI库>的公开课,反馈还不错,当时就想着等有时间了,就把公开课讲的东西,组织成一个博客.这一等,就等了两个多月. 先说一下什么样的同学适合看这个博客 ...
浅谈前端自动化构建 -- Grunt、Gulp、FIS
前言笔记来源:拉勾教育大前端高薪训练营阅读建议:内容较多,建议通过左侧导航栏进行阅读前端自动化构建基本介绍一切重复工作本应自动化.将开发中的源代码,自动化的转换成生产环境中可以运行的程序, ...
浅谈Vue.js的优势
写在前面今天小梦跟小伙伴们简简单单聊一下Vue.js的优势.小梦也是刚刚接触Vue.js,在学习一门新的技术之前,我们当然要了解其优势,知道优势在哪更加有利于我们去学习并转换为自己的储备. 浅谈Vu ...
Js模块化开发的理解
Js模块化开发的理解模块化是一个语言发展的必经之路,其能够帮助开发者拆分和组织代码,随着前端技术的发展,前端编写的代码量也越来越大,就需要对代码有很好的管理,而模块化能够帮助开发者解决命名冲突.管理 ...
Node.js模块化开发（非常详细，满满的干货）
下面是对Node.js模块化开发的整理,西洼港可以帮助到有需要的小伙伴~ 文章目录 Node.js模块化开发 JavaScript开发弊端 Node.js模块化开发模块成员导出的export方法模 ...
python相关职业-浅谈Python全栈开发工程师，让程序员都眼红的职业！
原标题:浅谈Python全栈开发工程师,让程序员都眼红的职业! Python Python 的排名从去年开始就借助人工智能与独特的魅力持续上升,现在它已经成为了第一名. 与其它编程语言相比所占的优势 ...
模块加载及第三方包：Node.js模块化开发、系统模块、第三方模块、package.json文件、Node.js中模块的加载机制、开发环境与生产环境、cookie与session
1.Node.js模块化开发 1.1 JavaScript开发弊端 JavaScript 在使用时存在两大问题,文件依赖和命名冲突. 1.2 软件中的模块化开发一个功能就是一个模块,多个模块可以组成 ...

浅谈前端JS模块化开发的概念

浅谈前端JS模块化开发的概念相关推荐

最新文章

热门文章