vue组件,便于日后使用我们今天来实现一个利用vuejs开发的省市区三联动的组件CitySelect.vue组件首先来看一下最终的效果(没有写太多的样式...)组件所需要的省市区的JSON数据(已经封装为commonjs

angular，我们需要写vue单文件，也需要写jsx语法；js方面我们有Typescript、es6(7、8、9)，现在是每年一个小版本的迭代，语法也是在不断更新和淘汰；模块方面我们有es6的modlue、CommonJS

Node自带的规范commonjs规范Commo

npminstall-gbower安装依赖包,安装在项目目录的bower_components下$bowerinstalljquery使用包BrowserifyBrowserify本身不是模块管理器，只是让服务器端的CommonJS

所有的功能都集中在了一个页面里面，久而久之就造成了页面加载卡顿大大影响了体验效果；后来引用了RequireJS来进行模块化的开发来解决这个问题；不管从前后端未分离的RequireJS还是使用Node开发的CommonJS

Morrain一、前言上一篇《前端科普系列（2）：Node.js换个角度看世界》，我们聊了Node.js相关的东西，Node.js能在诞生后火到如此一塌糊涂，离不开它成熟的模块化实现，Node.js的模块化是在CommonJS

通过CommonJSONParser可以把json字符串转换为包含Map、List、String、Integer等标准Java对象的集合，具体使用方法：CommonJSONParsercommonJSONParser

Node.js根据CommonJS规范实现了包机制，开发了npm来解决包的发布和获取需求。Node.js的包是一个目录，其中包含一个JSON格式的包说明文件package.json。

1.为什么要CommonJS规范javascript存在的缺点没有模块系统标准库比较少没有标准接口缺乏包管理系统CommonJS规范的提出，弥补了javascript没有标准的缺陷，以达到像Python

/static/commonjs/WXBizDataCrypt.js";letappId="wx8a79f44b5c79a608";letsessionkey="";letopenid="";letencry

2.js的模块化规范有两种：commonJS、AMDcommonJS适用于服务器端，是同步加载，服

commonJS规范http://commonjs.org比如，一个单独的文件就是一个模块。使用require来加载模块，返回文件内部的exports对象。是否和nodejs的写法很像？

模块化的发展历程按照诞生时间的先后顺序CommonJs，2009年1月AMDAsynchronousModuleDefinition，2011年2月CMDCommonModuleDefinition，2011

ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用

前端模块化常见的模块化规范：CommonJS,AMD,CMD也有ES6的ModulesvarmoduleA=(function(){varobj={};obj.name='module';obj.flag

因为webpack配置是标准的Node.jsCommonJS模块，你可以做到以下事情：通过require(...)导入其他文件通过require(...)使用npm的工具函数使用JavaScript控制流表达式

/common/XXX.js’commonjs、adm、cmd模块模块化是什么把系统分离成独立功能的方法，需要什么功能就加载什么功能相互独立+可重复使用ES6模块–用于浏览器环境【export+import

Morrain一、前言上一篇《前端科普系列（2）：Node.js换个角度看世界》，我们聊了Node.js相关的东西，Node.js能在诞生后火到如此一塌糊涂，离不开它成熟的模块化实现，Node.js的模块化是在CommonJS

CommonJS模块//Invoke'strict'JavaScriptmode'usestrict';//Defineamodulevariablevarmessage='Hello';//Printmessagetotheconsoleexports.sayHello

2.配置webpack通过webpack.config.js来配置，来看一下文件构造（zlpack可以忽略）：在webpack.config.js中基本的配置有：//基于node的遵循commonJS规范

在介绍NPM之前先介绍CommonJS的包规范。CommonJS的包规范包结构+包描述文件包结构：用于组织包中各种文件。包描述

exports,module.exports：CommonJs模块规范：Node应用模块组成，采用的就是CommonJS的模块规范，每一个文件就是一个模块，module变量代表当前的模块，这个变量为一个对象

同时支持CommonJS和AMD模块（这两者是js模块管理的两大规范，CommonJS是同步加载，后者是异步加载通过requireJS等工具用于前端）串联式模块加载器及插件机制，有更好灵活性和扩展性可以基于配置智能分析打包多个文件

参考链接：简书博客、简书博客、CommonJS规范功能介绍module.exportsNode应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。

前言如下图：AMD与CMD的主要区别：1.对于依赖的模块，AMD是提前执行，CMD是延迟执行。不过RequireJS从2.0开始，也改成可以延迟执行（根据写法不同，处理方式不同）。CMD推崇aslazyaspossible.2.CMD推崇依赖就近，AMD推崇依赖前置。看代码：//CMDdefine(function(require,exports,module){vara=require('./a

一、为什么需要模块化1.JavaScript原始功能2.匿名函数的解决方案3.使用模块作为出口二、CommonJS（了解）依赖于node环境，若不是node环境，无法运行导出：module.exports

照例先上官方文档:cn.vuejs.org/v2/guide/in…-UMDCommonJSESModule(基于构建工具使用)ESModule(直接用于浏览器)完整版vue.jsvue.common.jsvue.esm.jsvue.esm.browser.js

然而，在ES6之前，原生JavaScript是不支持模块化的，因此就出现了一系列的JavaScript库来实现此功能，这些库主要遵循以下三种规范：①CommonJS②AMD③CMD接下来我就粗略地讲讲这三种规范

本文讲的一个gulp+webpack+vue的单页应用架子，想要达到的目的：可以通过命令打包开发chunk，并支持热替换可以通过命令打包可发布的chunk支持路由路由中的代码实现按需加载用CommonJs

首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。CommonJS模块规范Node应用由模块组成，采用CommonJS模块规范。

管理所有的包，通过npm或者bower2.可以针对多种资源（jspngcsscoffeescriptjadees6jsx）3.能用commonjs的规范来实现模块依赖4.能够异步加载通过require.ensure

好吧，下面就直接放代码吧，要说的都在注释里了：//环境检测，commonjs、amd之类的支持情况解析//在好几个库

exports与module.exportsexports与module.exports源于CommonJS模块规范，该规范规定一个文件即为一个模块，有自己的作用域，在每个模块内部，module变量代表当前模块

如果是后端，想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择建议在React中使用CommonJS模块系统，比如browserify或

CommonJSnodejs采用的规范，其主要面向服务端。require命令第一次加载会执行整个脚本，在内存中生成一个对象。

CMD、AMD、CommonJS规范分别指什么？有哪些应用AMD：AMD即AsynchronousModuleDefinition，中文名

目前使用前端模块化的一些方案：AMD、CMD、CommonJS、ES6。

webpack的loader:处理各种需要被处理的静态文件webpack支持CommonJs、AMD规范模块系统的几大类型：标签类型：缺点：全局作用域下造成变量的冲突文件加载的顺序很重要加载文件越多，网页失去响应的时间越长模块与模块之间的依赖很重要在大型项目中难以维护和管理目前渐渐淡出开发者视野

commonjs可以1.可以把文件加载成模块2.提供了module.exportsexports解决了publicprivate所以nodejs才能处理后端module.exports把一个类暴露给外部要在外面

先来个总结：require:node和es6都支持的引入(CommonJS规范)export/import:只有es6支持的导出引入module.exports/exports:只有node支持的导出(

constexports=module.exports;exports只是module.exports的快捷方式在index.js里写入exports.test=100;//意思就是直接输出一个test变量在main里引入constmod=require('.index');console.log(mod.test);在cmd输出F:\nodeFile\main.js100但是在index.js里

ArcGISJSAPI(以下简称“JSAPI”)开发WebGIS系统的时候，还是基于传统的前端框架和各种前端技术来开发，这些框架和技术各位使用过的大概有这些：Dojo、jQuery、Bootstrap、CommonJS

1.使用范围require:node和es6都支持的引入export/import:只有es6支持的导出引入module.exports/exports:只有node支持的导出2.node模块CommonJS

letconstclass命令声明的全局变量将不属于顶层对象属性，ES6开始逐渐隔离global对象浏览器中，顶层对象是windowwebworker中self也指向顶层对象Node中顶层对象是global//commonJS

前言个人感觉就是用来规范格式化输出你的amd代码，书写规范参考commonjs。

1.commonJs是Node.js的规范，就像ECMAScript规范

Node.js根据CommonJS规范实现了包机制，开发了npm来解决包的发布和获取需求。Node.js的包是一个目录，其中包含JSO

尽管社区制定了一些模块加载方案，主要有CommonJS和AMD两种，但是这两种方案都有自己的局限性，前者主要用于服务器，后者主要用于浏览器。

分类主要介绍以下几种模块化方案ES6CommonJSAMDES6介绍：ES6在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代CommonJS和AMD规范，成为浏览器和服务器通用的模块解决方案

因为是做前端的,对node的生态一直也比较关注,对于node中对commonJS模块化的实现给了我们很大的方便,之前对于导出的module.exports和exports一直模模糊糊,今天做一个整理先来个