小白前端模块化

什么是模块化

  • 模块化是指解决一个复杂的大的问题时通过一定的规范(规则),划分成多个模块封装的过程.
  • 对于整个文件来说.模块是可组合,分解更换的单元.

模块化有什么好处

  • 避免命名冲突(减少命名空间污染)
  • 更好的分离, 按需加载
  • 更高复用性
  • 高可维护性

模块化相关的概念

  1. 模块化规范就是对代码进行模块化的拆分与组合时,需要遵守的那些规则,例如:

    • 使用什么样的语法格式来引用模块

    • 在模块中使用什么样的语法格式向外暴露成员

  2. 模块化规范的好处:大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用,利人利己

传统引入<script>        

  1. 传统写法会引入多个模块.请求过多
  2. 模块和模块之间关系模糊.容易混乱导致加载错误
  3. 请求次数过多.关系模糊导致的结果就是难以维护.

Node.js 中的模块规范

CommonJS规范:

服务器端的 Node.js 遵循 CommonJS模块化规范,该规范的核心思想是允许模块通过 require 方法来同步加载所要依赖的其他模块,然后通过 exports 或 module.exports 来导出对外接口。(exports只做了解)导出用module.exports.

使用 require 方法加载模块

使用强大的 require() 方法,可以加载需要的内置模块用户自定义模块第三方模块进行使用。例如:

// 1. 加载内置的 fs 模块
const fs = require('fs')
​
// 2. 加载用户的自定义模块
const custom = require('./custom.js')
​
// 3. 加载第三方模块,(使用第三方模块,下面会进行讲解)
const moment = require('moment')

注意事项 1: 使用 require() 方法加载其他模块时,会执行被加载模块中的代码

**注意事项2: 在使用 require 加载用户自定义模块期间,可以省略 .js 后缀名**

上一篇:CMD规范


下一篇:vue在模拟数据data中存图片src地址的方法