2016年12月_descire

原创 webpack英文文档阅读--图片的处理

图片的使用方式在web中引用图片的三种方式： * 直接在css中设置background-image * 在js中设置backgroundImage * img标签中通过src引用实践针对于前面两种情况，我们可以使用url-loader针对于第三种情况，我们可以使用html-withimg-loader.small { width: 64px; height: 64px

2016-12-30 19:22:14 313

原创 webpack英文文档阅读--样式表的处理

我们需要解决的问题在js中通过require引用css资源使用css预编译器,这里我使用的是less(less, sass, stylus你可以自行选择)告别烦人的css前缀准备工作通过require()引用css文件需要的包： cnpm install --save-dev style-loader css-loader使用less预编译器需要的包： cnpm install --sa

2016-12-27 18:22:46 798

原创 webpack英文文档阅读笔记--ES6环境配置

目的配置es6环境，同时实现js的压缩。安装babel npm install --save-dev babel-core babel-preset-es2015安装babel-loader npm install --save-dev babel-loader根目录简历配置文件.babelrc { "presets": [ "es2015" ] }文件结构

2016-12-16 18:09:16 390

原创 webpack英文文档阅读笔记--chunks

两种极端的加载JS模块的方式 -------------- 一个个的加载 -------------- 优势：仅仅需要的被加载。劣势：请求数太多，请求的延迟造成了应用启动的缓慢 ---------------------- 将所有的模块做一次请求 ---------------------- 优势：更少的请求数，更少的请求延迟。劣势：当前可能未

2016-12-15 18:46:15 641

原创 wepack英文文档阅读笔记--简介与模块系统

优势插件(Plugins) webpack中有丰富的插件，你可以找到你需要的插件，并且它又是那么的易用。表现(Performance) webpack采用异步IO和多个缓存层次使得增量编译的速度快的让人难以置信。加载器(Loaders) 对于加载器带给我们太多的便利，举几个栗子吧： (1) 为我们的CSS添加前缀。 (2) 将小于8KB的图片base64 (3) 使用less预处理

2016-12-14 18:41:11 401

原创再不用ES6就Out了--ES6解决两个典型问题

数组去重在ES5中，主要通过Object的hash特性，减少一次for循环 let arr = [1,2,3,3,3,2,12,3,4,5,5,4]; let removeDuplicate = arr => { let obj = {}, result = []; arr.map((value,index) => { if (!obj[value])

2016-12-07 19:30:31 1725

原创再不用ES6就Out了--Promise解决回调地狱

Promise的介绍特点： * 它有三种状态:Pending(进行中)Resolved(已完成)Rejected(失败) * 一旦建立，就无法取消。这是它的缺点。基本写法： let flag = true; let p = new Promise((resolve, reject) => { if (flag) { resolve('success');

2016-12-02 20:36:24 3132 1

descire