我的前端之路笔记cdn资源webpack笔记解决作用域问题快速执行函数;(function().....)解决代码拆分问题nodecommonjs模块化解决浏览器支持问题requirejs想要主js调用别的js要在主js前引入hello.jsexporthello()main.jshello()importhello.jsimportmain.j

经常在面试或者其他文章看到关于模块化的问题，之前也只是寥寥看了几次，对于CommonJS，AMD，ES6也说不出个所以然，于是今天抽空好好看了红宝书第4版关于模块化的介绍，这里记录一下。理解模块模式初衷在开发中肯定有设计大量三方库或者业务逻辑代码，较好的方式是将其分割为多个小模块，最后以一定的方式连接起来

【导语】：SpaceVim是一个社区驱动的模块化的VimIDE，以模块的方式管理插件，旨在维护一个模块化、开箱即用、稳定的Vim开发环境。目前在GitHub的Star数已有15.2k。简介SpaceVim是一个社区驱动的模块化的VimIDE，以模块的方式组织管理插件以及相关配置，为不同的语言开发定制了相关的开发模块

在研究react和webpack的时候，经常看到在js文件中出现require，还有import，这两个都是为了JS模块化编程使用。CSS的是@import1.ES6模块的设计思想，是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。Require是CommonJS的语法，CommonJS的模块是对象，输入时

前言：模块化开发需求在JS早期，使用script标签引入JS，会造成以下问题：1.加载的时候阻塞网页渲染，引入JS越多，阻塞时间越长。2.容易污染全局变量。3.js文件存在依赖关系，加载必须有顺序。项目较大时，依赖会错综复杂。4.引入的JS文件过多，不美观，且不易于管理。一、CommonJS规范

针对优化http://www.sojson.com首先这个站是个工具类型站点，每个页面加载的Javascript非常多，虽然本站用了CDN加速，但是每次打开页面都需要做同步的加载N多JS，导致速度减慢，影响用户体验，其实还影响SEO，因为爬虫来爬取内容的时候，很多超时的现象。前段时间和群里的一个SEO大牛交流，一针见血的指出了这个问题，我下决心要改，

目前开发环境已经普及使用，如vue，react等，但浏览器环境却支持不好，所以需要开发环境编译，下面介绍下开发环境的使用和常用语法：一，ES6模块化1，模块化的基本语法ES6的模块自动采用严格模式，不管你有没有在模块头部加上"usestrict";。模块功能主要由两个命令构成：export和import（注意有无defaul

一、前言现在javascript的流行，前端的代码越来越复杂，所以我们需要软件工程的思想来开发前端。模块化是必不可少的，这样不仅能够提高代码的可维护性、可扩展性以及鲁棒性，更大的好处就是能够提升整个团队的开发效率，也能够让新进的程序员更快的接手工作。今天晚上根据前辈们的经验，写啦一个简单的模块定义的封装组件，当是练手吧。不过感觉还是蛮好用的。

1：发展历史早期的Javascript是作为浏览器的脚本语言，使用<script标签直接引入，没有所谓的模块化。也就是说如果我们需要一个js文件，我们就加一个<script标签，把需要的js引入进来。这种方式的特点在于：简单粗暴。但是当项目越来越大，依赖越来越多时可能就会出现问题，比如逻辑越来越混乱，页面也越复杂，然后可维护性就变

Android模块化一直是Android开发届一个很火的话题，因为公司业务太多，代码越来越臃肿，越来越难维护，为了提升开发效率，减低代码的维护成本，所以采取了模块化开发方案。我们知道，模块化其实就是讲每个业务，拆分成每个独立的模块，然后通过某种协议来达到模块与模块之间的通信。一般公司的项目的结构大概的如下：!(h