前言:随着ES的普及我们越来越多的开始使用ES6的语法了,当然也随着mvvm框架的流行少不了js模块化,那js模块化又有那些呢 在很早的时候大家都用的命名空间,现在也有人用(库名.类别名.方法名) 后来出现了CommonJS、AMD、CMD、UMD,现在流行ES 6 module CommonJS的 ...
分类:
Web程序 时间:
2019-05-21 13:15:59
阅读次数:
204
从前端打包的历史谈起 在很长的一段前端历史里,是不存在打包这个说法的。那个时候页面基本是纯静态的或者服务端输出的, 没有 AJAX,也没有 jQuery。Google 推出 Gmail 的时候(2004 年),XMLHttpRequest, 也就是我们俗称的 AJAX被拾起的时候,前端开发者开始往页 ...
分类:
Web程序 时间:
2019-04-30 12:29:17
阅读次数:
194
AMD规范说明 AMD全称是:Asynchronous Module Definition(异步模块定义),github地址 是专门用于浏览器端, 模块的加载是异步的 AMD规范基本语法 定义暴露模块 引入使用模块 AMD规范的实现(浏览器端) ...
分类:
Web程序 时间:
2019-04-04 20:23:03
阅读次数:
304
模块的概念 一个复杂的项目开发中,会写很多js文件,一个js文件执行某些特定的功能,那么每个js都可以称为一个模块,这就是模块的概念 每个js模块内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 模块化的进化史 全局function模式:将不同的功能封装成不同的全局函数 问 ...
分类:
Web程序 时间:
2019-04-03 23:49:56
阅读次数:
237
模块化 目前比较流行的 JS 模块化方案有 CommonJS、AMD、CMD 以及 ES6 Module,还有个 UMD 方案。 CommonJS CommonJS 是服务器端的模块化方案,nodeJs 就采用了这种方案。在 CommonJS 规范中,一个文件即一个模块,用 和`exports re ...
分类:
Web程序 时间:
2019-02-26 23:33:08
阅读次数:
261
Node.js模块化教程 下载安装node.js 创建项目结构 下载第三方模块 npm install uniq --save npm install uniq --save 模块化编码 module1.js module.exports = { foo() { console.log('moudl ...
分类:
Web程序 时间:
2019-02-26 01:21:31
阅读次数:
200
JS模块化 模块化的理解 什么是模块? 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 一个模块的组成 数据 >内部的属性 操作数据的行为 >内部的函数 模块化 编码时是按照模块一个一个编 ...
分类:
Web程序 时间:
2019-02-26 01:02:22
阅读次数:
249
使用require.js 模块化开发引入bootstrap 4.1.1 时会报错,如上,在网上找到一个解决办法,在配置require.js 时添加map参数,最终解决方案如下: 核心解决方案是: 在require的配置中 map 里加配置 'popper.js': 'popper'。 这是因为在Bo ...
分类:
Web程序 时间:
2019-01-08 15:18:09
阅读次数:
481
本文由云+社区发表 模块化是指把一个复杂的系统分解到一个一个的模块。 模块化开发的优点: (1)代码复用,让我们更方便地进行代码管理、同时也便于后面代码的修改和维护。 (2)一个单独的文件就是一个模块,是一个单独的作用域,只向外暴露特定的变量和函数。这样可以避免污染全局变量,减少变量命名冲突。 js ...
分类:
Web程序 时间:
2019-01-06 18:12:25
阅读次数:
208
在JS模块化编程中,之前使用的是require.js或者sea.js。随着前端工程化工具webpack的推出,使得前端js可以使用CommonJS模块标准或者使用ES6 moduel特性。 在CommonJs模块标准中我们载入模块使用的是require(),输出模块用的是exports或者modul ...
分类:
其他好文 时间:
2018-12-23 12:01:14
阅读次数:
176