前端 JS 经典:为什么需要模块化

首先,自我评定一下,一个 js 文件,各位兄弟,最多能掌控多少行,什么意思呢,就是说,一个 js 文件在多少行之内,你是可以清楚的知道这个 JS 实现了哪些业务逻辑,并对这些业务逻辑进行维护和拓展。博主最多 500 行吧,一个 JS 最多同时实现 3 个功能。多了,每次找功能模块,和维护的时候,会很怕遗漏了什么地方,导致奇奇怪怪的 bug。

所以,很多大神都是不希望看到单个 JS 文件装载太多的代码。因为代码数量一旦多起来,首先阅读性就不好,要不停的滚动滚动条去切换。代码多的话,功能就多,很难快速定位。因此大神们就希望,单个 JS 文件,代码不要太多。

所以,要解决这个问题,就需要将项目模块化,什么意思呢,就是将一个大量功能模块的 JS 文件,分成多个单功能模块的 JS 文件,这就叫模块化。

相关推荐
兜小糖的小秃毛几秒前
el-Input输入数字自动转千分位进行展示
前端·javascript·vue.js
兜小糖的小秃毛几秒前
文号验证-同时对两个输入框验证
开发语言·前端·javascript
brzhang2 分钟前
代码越写越乱?掌握这 5 种架构模式,小白也能搭出清晰系统!
前端·后端·架构
J总裁的小芒果9 分钟前
el-table 自定义列、自定义数据
前端·javascript·vue.js
晚风予星10 分钟前
简记|React+Antd中实现 tooltip、ellipsis、copyable功能组件
前端·react.js
brzhang17 分钟前
告别『上线裸奔』!一文带你配齐生产级 Web 应用的 10 大核心组件
前端·后端·架构
程序员Bears17 分钟前
深入理解CSS3:Flex/Grid布局、动画与媒体查询实战指南
前端·css3·媒体·visual studio code
工呈士24 分钟前
CSS in JS:机遇与挑战的思考
javascript·css
至尊童26 分钟前
五个JavaScript 应用技巧
javascript
anqi2726 分钟前
如何在 IntelliJ IDEA 中编写 Speak 程序
java·大数据·开发语言·spark·intellij-idea