在服务器取到图并显示出来②不能编辑和改动图③可以获取到具体某个节点的信息参考链接：https://github.com/bpmn-io/bpmn-js-examples/tree/master/simple-commonjshtml

目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章module-loader。

为了解决上述问题，制定了规范来解决上述问题——CommonJS、AMD、CMD2.CommonJSCommonJS是起源

一、注意事项1、开发尽量使用ES2015，遵循CommonJS规范2、切勿直接操作DOM，要操作数据3、尽量使用Vue的语法糖，比如可以用:style代替v-bind:style；用@click代替v-on

CommonJs:NodeJSAMD:requirejsCMD:seajsRequireJs:一、安装、下载    官网：requirejs.org    Npm:npmirequirejs二、使用    

nodejs基础入门1.什么是nodejsnode.js是基于Chromev8引擎的javascript运行时(运行环境)node.js的规范:commonjs规范2.如何进入node.js(两种方式)

"env":{"browser":true,"node":true,"commonjs":true},"ecmaFeatures":{//lambda表达式"arrowFunctions":true,/

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

最主要的目的：解决命名冲突依赖管理其他价值提高代码可读性代码解耦，提高复用性CMD、AMD、CommonJS规范分别指什么？

1、https密钥交互的过程2、ES6模块和CommonJs的区别3、['1','2','3'].map(parseInt)的结果4、谈一谈你了解的web攻击方式，以及如何防范5、实现一个布局，无论外层容器宽度如何变化

CommonJS规范CommonJS是一种思想，它的终极目标是使应用程序开发者根据CommonJSAPI编写的JavaScript应用可以在不同的JavaScript解析器和HOST环境上运行。

CommonJS中，我们用module.exports和require来导出和导入模块，而到了ES6却变成了export和import了，这两者到底有什么区别呢？

如果你是新手，已经了解什么是CommonJS/AMD以及gulp等，请参照过程，一步一步来，请尽量使用复制粘贴来处理文件内容（因为代码比较简单，理解就好，减少不必要的抄写同时也能避免一些低级错误），以理解学会使用为主

AMD是requireJS在推广过程中对模块化定义的规范CMD是seaJS在推广过程中对模块化定义的规范另外CommonJSModules/2.0规范，是BravoJS在推广过程中对模块定义的规范化产出

三、目前，通行的Javascript模块规范共有两种：CommonJS和AMD。我主要介绍AMD，但是要先从CommonJS讲起。四、

CommonJS应用案例：nodejs、webpack、npm形式：require、exports、modulerequire()用来引入外部模块；exports对象用于导出当前模块的方法或变量，唯一的导出口

我们都知道Nodejs遵循的是CommonJS规范，当我们require('moduleA')时，模块是怎么通过名字或者路径获取到模块的呢？首先要聊一下模块引用、模块定义、模块标识三个概念。

服务器端规范CommonJSNode.jsCommonJS定义JavaScript语言后端规范+后端语言应该具备什么能力？

以jquery为例子：jq并不是commonJS模块jq库的内部并没有export之类的输出语句，使用的是全局变量jQuery/$jq用法一：直接通过全局变量使用const$=windwo.jQuery

当在CommonJS（node.js）或AMD环境中运行时，可直接使用require或import导入。

用一个demo体验下所有的前端模块主题主流模块模式AMD和CommonJs模块格式客户端模块加载器ES2015模块模块连接为什么模块很重要？模块是什么？

webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。vue-cli:用户生成V

最主要的目的：解决命名冲突依赖管理其他价值:提高代码可读性代码解耦，提高复用性CMD、AMD、CommonJS规范分别指什么？

静态资源打包工具出色的前端自动化构件化工具，模块化工具，资源管理工具兼容多种JavaScript书写规范，具有更强大的JavaScript模块化功能特点使用commonJs的形式书写脚本。

下面我们就来看一下require和import的区别：一.requirerequire是Commonjs的规范，node应用是由模块组成的，遵从commonjs的规范。用法：a.jsfunctio

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

解决命名冲突；进行依赖管理；代码解耦，提高代码的复用率；增强代码的可读性；题目2：CMD、AMD、CommonJS规范分别指什么？

Javascript中定义module的方式有两种：CommonJS规范、AMD规范。现将这两个词更全面的定义列一下，以正视听。

什么是JavaScript模块？JavaScript模块允许我们把项目中的代码分散成一个个单独的文件，或者使用通过npm安装的开源模块。用模块化的方式写代码有助于（项目的）组织、维护、测试，以及最重要的依赖管理。当我们编写JavaScript时，理想情况是保障每个模块都专注一件事并把这件事做好。这种分工可以让我们在需要某个模块时再去做相应的加载。模块化是是npm背后的核心原则。当需要某个特定的功能

commonJs的文件//index.jsconstname=require('.

webPackwebpack的优势官网初始化安装测试本地安装示例webpack的优势其优势主要可以归类为如下几个：支持CommonJS、ES6

1.检验webpack规范支持专注前端与算法的系列干货分享，欢迎关注(¬‿¬)：「微信公众号：心谭博客」|xin-tan.com|GitHubwebpack支持es6,CommonJS,AMD。

webpack的优势1.webpack是以commonJS的形式来书写，但对AMD/CMD的支持也很全面，方便旧项目进行代码迁移。2.可以对js,css,img进行模块化。

也是随着大前端的趋势所诞生，它可以通过运行时或者编译时让同一个代码模块在使用CommonJs、CMD甚至是AMD的项目中运行。

读完nodejs深入浅出读完图解HTTP了解CommonJS，AMD规范学习函数式编程，这个时候可以不局限在js里面，可以看看Elm或者ClosureScript学习服务器部署，了解Linuxdocker

161453372048661.jpgwebpack的优势webpack是以commonJS的形式来书写脚本滴，但对AMD/CMD的支持也很全面，方便旧项目进行代码迁移。能被模块化的不仅仅是JS了。

require:node和es6都支持的引入export/import:只有es6支持的导出引入module.exports/exports:只有node支持的导出node模块Node里面的模块系统遵循的是CommonJS

1.为什么要使用模块化？当去执行某个文件的过程中，如果将全部代码写在同一个文件下，在命名变量时，有些变量是全局变量，从而会出现命名冲突的问题，使用模块化就可以避免这类问题。使用模块化后，一个模块就是实现特定功能的文件，有了模块，我们就可以更方便地使用别人的代码，想要什么功能，就加载什么模块，利于代码的复用性。因为每个模块都是相互独立，互不干扰的，这样也有利于更好的可维护性和方便管理。2.CMD、A

{//此项指明，转码的规则"presets":[//env项是借助插件babel-preset-env，下面这个配置说的是babel对es6,es7,es8进行转码，并且设置amd,commonjs这样的模块化文件

查看一番后，了解到主要有CommonJS这种同步模块化规范和AMD这种异步模块化规范。前者多用于服务端，后者则是客户端，只不过不是绝对的，CommonJS也有面对客户端的实现Browseri

在CommonJS模块规范中，每个模块文件中存在着require、exports、module这3个变量，但是它们在模块文件中没有定义，是从哪里来的呢？

而这些引入方式都是遵循一定的规范的，这就是CommonJS规范。一、Commonjs规范目前JS标准定义的API是为了构建基于浏览器的应用程序，没有制定一个用于更广泛的应用程序的标准库。

2.CMD、AMD、CommonJS规范分别指什么？有哪些应用AMD即AsynchronousModuleDefinition，中文名是“异步模块定义”的意思。