随着前段项目的日益复杂，前段有必要进行工程化。前段工程化主要包括4个方面：模块化、组件化、规范化和自动化。一、模块化背景：浏览器本身并不提供模块管理的机制，为了调用各个模块，有时不得不在网页中，加入一大堆script标签。这样就使得网页体积臃肿，难以维护，还产生大量的HTTP请求，拖慢显示速度，影响用户体验。 为了解决这个问题，前端的模块管理器（package manage
转载
2023-12-22 14:05:41
37阅读
前端模块化 以前模块化的方式： 以前的方式可能出现的问题： 可能小红定义的全局变量覆盖了小明定义的全局变量，小明2中引用小明1的时候会导致数据紊乱，并且要保证执行正确，就要正确的顺序进行引用。 当然可以使用闭包的方式，但是如果用了闭包的方式，又不能访问小明1中的flag。 ES5的解决方法： 小明： ...
转载
2021-08-12 00:14:00
113阅读
2评论
一、什么是模块？ 定义：具有相同属性和行为的事物的集合在前端中：将一些属性比较类似和行为比较类似的内容放在同一个js文件里面的
转载
2022-04-06 11:17:11
204阅读
一、模块化的理解
1. 什么是模块?
将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起
块的内部数据与实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信
2. 模块化的进化过程
（1）全局function模式 : 将不同的功能封装成不同的全局函数
编码: 将不同的功能封装成不同的全局函数
缺点: 污染全局命名空间, 容易引起命名冲突或数据
转载
2021-03-23 09:44:00
244阅读
2评论
前端模块化 一、为什么要使用模块化 简单写js代码带来的问题 全局变量同名问题，使用匿名函数可解决变量同名问题，但是闭包又引起代码不可复用问题 匿名函数引起代码不可复用问题 (function(){ var flag=true })() console.log(flag);//报错 //flag是个 ...
转载
2021-09-21 14:37:00
176阅读
2评论
模块 每次谈到模块都有点懵懵懂懂。CommonJS，AMD，以及ECMA6 三者又是什么关系，为什么需要模块加载，如何实现模块加载，这都是问题。 为什么需要模块加载 模块化是一个语言能否进行大工程的一个重要标志。 比如java的Maven c的include python的import 传统我们的前 ...
转载
2021-10-23 13:19:00
183阅读
2评论
一 模块分类： 外部的模块: 指代引入前端工程的某个外部的包(package),可能由多个JS文件组成，但会通过入口暴露给我们项目调用 内部的模块: 指代我们自己的工程项目中编码的最小单元： 即单个的JS文件。 1 外部模块管理：Node包管理器：npm管理 2 内部模块组织： 二 内部模块组织方式 ...
转载
2021-08-30 14:05:00
81阅读
前端模块化 模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS,AMD,CMD,ES6模块系统 CommonJS nodeJS是commonJS规范的主要实践者，他有四个重要的环境变 ...
转载
2021-08-11 17:06:00
117阅读
2评论
前端模块化 JavaScript**原始功能** 1. 在网页开发的早期，js制作作为一种脚本语言，做一些简单的表单验证或动画实现等，那个时候代码还是很少的 那个时候的代码是怎么写的呢？直接将代码写在<script>标签中即可 2.随着ajax异步请求的出现，慢慢形成了前后端的分离 客户端需要完成的
原创
2021-12-29 10:05:30
131阅读
前端模块化 为什么要用模块化，因为可以解决两个问题 变量命名冲突 代码复用 ES6中的导出export和导入import export导出的二种用法 普通导出：直接定义变量/函数/类/对象的时候前面就加exprot export {变量名1,变量名2} **default导出：**如果导入的时候我想
原创
2022-01-10 17:03:30
92阅读
什么是前端工程化、模块化、组件化？前端工程化工程化是一种思想而不是某种技术(当然为了实现工程化我们会用一些技术)再用一句通俗的话来概括前端工程化:前端工程化就是用做工程的思维看待和开发自己的项目,而不再是直接撸起袖子一个页面一个页面开写前端模块化前端工程化是一个高层次的思想,而模块化和组件化是为工程化思想下相对较具体的开发方式,因此可以简单的认为模块化和组件化是工程化的表现形式。模块化开发，一个模
转载
2023-07-28 13:01:26
116阅读
前端模块化分为，纯js模块化，前端组件化。纯js模块化，无非是多个输入，一个输出。组件化，则要把html，css，js打包一起。如何打包，方案一html和css写在js里面。使用的时候，把html扔进body里面，把css扔进head里面。不用了，就移除dom和style标签。所以，style标签要...
转载
2015-04-10 17:41:00
149阅读
2评论
Commonjs （同步模块加载，运行时加载）
exports 和 moudle.exports 的区别？
exports 是 module 中exports 对象 的引用。当模块中使用了 moudle.export = {} 的时候，所有 exports 都会失效。exports 只能 exports.a = a; 这样使用，不能 exports = {};这种使用方式无效。每个模块其实都相当于
原创
2023-11-23 09:29:09
96阅读
前端模块化发展介绍
原创
2022-10-09 14:50:04
157阅读
前端模块化模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS,AMD,CMD,ES6模块系统CommonJSnodeJS是commonJS规范的主要实践者，他有四个重要的环境变量为模块化的实现提供支持：module,exports,require,
原创
2022-04-19 11:26:49
414阅读
转载
2017-05-10 00:06:00
237阅读
2评论
JavaScript原始功能 匿名函数的解决方案 使用模块作为出口 CommonJS export基本使用 导出函数或类 export default import使用 aaa.js var name = '小明' var age = 18 var flag = true function sum(
转载
2020-08-22 20:06:00
123阅读
2评论
相信很多人都用过 seajs、 requirejs 等这些模块加载器，他们都是十分便捷的工程管理工具，简化了代码的结构，更重要的是消除了各种文件依赖和命名冲突问题，并利用 AMD / CMD 规范统一了格式。然而你了解模块化的作用吗？下面主要讲述模块化能解决哪些问题。命名冲突做项目时，常常会将一些通用的功能抽象出来，独立成一个个函数，比如//util.js
function formate(ar
模块化是一种处理复杂系统分解成为更好的可管理模块的方式，它可以把系统代码划分为一系列职责单一，高度解耦且可替换的模块，系统中某一部分的变化将如何影响其它部分就会变得显而易见，系统的可维护性更加简单易得。 前端开发领域(JavaScript、CSS、Template)并没有为开发者们提供以一种简洁、有
原创
2022-04-06 11:38:23
502阅读
前端模块化##script 老牌传统的模块化<script src='xxxxx.js'> </script>
复制代码主意 script的引入是阻塞的，为了解决阻塞的问题 引入了<script async src='xxxxx.js'> </script>
复制代码script适用于小型的application##CommonJS ——nodejs
转载
2021-01-19 22:18:48
257阅读
2评论
