js模块化编程之彻底弄懂CommonJS和AMD/CMD! 先回答我:为什么模块很重要? 答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套! 于是下面三个模块规范 ...
分类:
Web程序 时间:
2018-03-11 14:27:50
阅读次数:
226
js模块化编程之彻底弄懂CommonJS和AMD/CMD! 先回答我:为什么模块很重要? 答:因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套! 于是下面三个模块规范 ...
分类:
Web程序 时间:
2018-03-10 22:12:19
阅读次数:
390
webpack与gulp 、grunt没有什么可比性,它可以看作模块打包机,通过分析你的项目结构,找到js模块以及其它的一些浏览器不能直接运行的拓展语言(scss,Typescript),并将其转换和打包为合适的格式供浏览器使用。gulp/grunt是一种能够优化前端的开发的流程的工具,而webpa ...
分类:
Web程序 时间:
2018-03-10 15:51:43
阅读次数:
236
在研究react和webpack的时候,经常看到在js文件中出现require,还有import,这两个都是为了JS模块化编程使用。CSS的是@import 1.ES6 模块的设计思想,是尽量的静态化,使得编译时就能确定模块的依赖关系,以及输入和输出的变量。 Require是CommonJS的语法, ...
分类:
Web程序 时间:
2018-02-24 20:40:51
阅读次数:
767
1.截取字符串abcdace的acealert('abcdace'.substring(4)); 2.规避javascript多人开发函数重名问题命名空间封闭空间js模块化mvc(数据层、表现层、控制层)seajs变量转换成对象的属性对象化 3.javascript面向对象中继承实现function ...
分类:
Web程序 时间:
2018-02-23 12:02:05
阅读次数:
254
前言 相信很多人都使用过export、export default、import,然而它们到底有什么区别呢? 在看他们之间的区别之前,我们先来看看它们的用法。 ES6 import和export的用法 ES6之前已经出现了js模块加载的方案,最主要的是CommonJS和AMD规范。commonjs主 ...
分类:
其他好文 时间:
2018-02-22 10:55:47
阅读次数:
305
要在开发和生产构建之间,消除 webpack.config.js 的差异。你可能需要环境变量。 可以使用 Node.js 模块的标准方式:在运行 webpack 时设置环境变量,并且使用 Node.js 的 process.env来引用变量。NODE_ENV 变量通常被视为事实标准(查看这里)。 w ...
分类:
Web程序 时间:
2018-02-06 23:08:51
阅读次数:
321
一、npm模块安装与管理npm模块管理第三方模块1.node.js生态里的第三方模块可以通过npm工具来安装使用.2.npm安装node.js模块:npminstall本地安装,运行npm目录/node_modules也就是你项目目录下的node_modulesnpminstall-g全局安装安装到系统的node_modules全局安装就是要你install后面加一个-g表示全局3.nodejs第
分类:
Web程序 时间:
2018-02-04 14:41:45
阅读次数:
228
前端模块化指的范围比较广具体有‘html模块化’:jsp的include、php的include、前端的iframe等等,因为页面数据一般与程序的model绑定在一起的,所以html的模块化往往要结合异步js、或同步后端语言来完成。当然如果html是存静态资源就无所谓了‘js模块化’:划重点‘css ...
分类:
其他好文 时间:
2018-01-28 14:39:46
阅读次数:
147
webpack是什么: 模块打包机,分析目录结构,找到js模块(包括浏览器不能直接识别的代码 typscript sass...),打包成合适 的格式供浏览器访问 模块打包 构建(项目)打包的优势(webpack的优势) 1 、模块化,拆分了业务复杂的js代码--》细小的文件 2、 js拓展 》 基 ...
分类:
Web程序 时间:
2018-01-09 16:39:58
阅读次数:
145