平时工作中使用模块化编程也有一段时间了,主要用到AMD和CommonJs两种风格的模块化编程。模块化编程相对于传统的js编程风格来说,传统的js默认是没有类似于java里的class,package概念,引用多个JS容易造成污染全局变量、成员覆盖及依赖混乱问题,为了避免此类问题,才衍生出模块化编程。 ...
分类:
Web程序 时间:
2017-02-02 14:44:43
阅读次数:
283
长期以来JavaScript语言本身不提供模块化的支持, ES6中终于给出了 from, import等关键字来进行模块化的代码组织。 但CommonJS、AMD等规范已经被广为使用,如果希望你的JavaScript同时支持浏览器和Node.js, 现在只有这几种方式: 通过 browserify等 ...
分类:
编程语言 时间:
2017-01-22 17:53:36
阅读次数:
246
蟹蟹https://liuzhichao.com/p/1669.html 什么是模块? Node.js通过实现CommonJS的Modules/1.0标准引入了模块(module)概念,模块是Node.js的基本组成部分.一个node.js文件就是一个模块,也就是说文件和模块是一一对应的关系.这个文 ...
分类:
Web程序 时间:
2017-01-20 14:35:51
阅读次数:
231
React自发布以来吸引了越来越多的开发者,React开发和模块管理的主流工具webpack也被大家所熟知。那么webpack有哪些优势,可以成为最主流的React开发工具呢? Webpack是什么 CommonJS和AMD是用于JavaScript模块管理的两大规范,前者定义的是模块的同步加载,主 ...
分类:
Web程序 时间:
2017-01-17 21:32:06
阅读次数:
517
在vue组件中加入markdown,模板使用的是webpack 我是这样做的: 因为是npm引入的,所以markdown是遵循CommonJS规范的,需要在webpack.base.conf.js里引入, var webpack = require("webpack") // 在module.exp ...
分类:
Web程序 时间:
2017-01-15 13:47:35
阅读次数:
348
webpack中可以写commonjs格式的require同步语法,可以写AMD格式的require回调语法,还有一个require.ensure,以及webpack自己定义的require.include,再加上ES6的import语法,这么多岂不是会把人给搞乱。本篇就来梳理一下这些require ...
分类:
Web程序 时间:
2017-01-08 19:02:43
阅读次数:
253
一)CommonJs 1.1CommonJs模块定义 二)Node的模块实现 2.1模块分类 2.2 路径分析和文件定位 2.2.1 路径分析 2.2.2 文件定位 2.3 模块编译 一) CommonJs 在CommonJs的官网上写着这样一句话 javascript:not just for b ...
分类:
其他好文 时间:
2016-12-27 22:19:21
阅读次数:
137
一、JS 模块包装格式都用过哪些,CommonJS、AMD、CMD。定义一个JS 模块代码,最精简的格式是怎样。 js模块化开发的起源。 CommonJs原来是叫ServerJs,从名字可以看出是专攻服务端的,为了统一前后端而改名CommonJs。(论起名的重要性~)2009年,nodejs横空出世 ...
分类:
编程语言 时间:
2016-12-24 02:39:59
阅读次数:
584
1.commonjs var math = require('math'); math.add(2,3); // 5 应用会停止并等待加载 2.AMD AMD是"Asynchronous Module Definition"的缩写 它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这 ...
分类:
编程语言 时间:
2016-12-21 16:25:10
阅读次数:
198
模块化 1 IIFE 2 commonjs 3 浏览器中js的模块化 4 简单理解模块加载器的原理 5 es6 之前在参加百度前端技术学院做的小题目的时候,自己写模块的时候 都是写成立即调用表达式(IIFE)的模式,比如单个功能的时候当时想到是不会涉及到全局变量的污染,在封装基础的模块(比如里面的表 ...
分类:
Web程序 时间:
2016-12-18 14:35:06
阅读次数:
215