webpack 使用心得

2016-03-26
阅读 4 分钟
11.1k
前言 最近项目中在使用react/redux/koa做一个IM,打包工具自然选择了webpack 我主要使用了webpack 的下列功能 webpack 打包编译js文件 编译js文件支持多入口,版本控制,懒加载 js和样式文件都支持热替换,不需要每个简单的修改都要刷新等待 复杂的css sprites功能,支持sass 语法 支持sourcemap,无论在开发还是上线的时...

koa-源码分析

2016-03-13
阅读 3 分钟
3.9k
import koa from 'koa'; const app = koa(); app.experimental = true; app.proxy = true;//当 app.proxy 设置为 true 时,支持 X-Forwarded-Host//添加一个中间件 app.use(function*(next) { {代码...} app.listen(port);

webpack之postcss集成

2016-03-12
阅读 3 分钟
28.4k
前言 最近项目中在使用webpack,css是采用sass->postcss的结构, postcss 主要完成了下面几个功能 autoprefix,样式加前缀 preces 合并图片 {代码...} 兼容IE浏览器 后期需要将px转换为em,使用media-query做屏幕适配 其他功能都比较容易实现,现成的插件都能满足,合并图片现在使用的是sprites,有一些编码,在这里先...

koa源码分析-co模块以及thunk

2016-03-12
阅读 3 分钟
2.6k
Thunk以及CO模块 co4.0之前都是返回的thunk函数之后的都是返回promise thunk thunk:在 JavaScript 语言中,Thunk 函数替换的是将多参数函数,替换成单参数的版本,且只接受回调函数作为参数。 {代码...} 生产环境中,可以使用thunkify将函数转换为thunk 函数 问题: 为什么node 里面大部分的callback都是第一个参数是er...

koa源码分析-generator和yield分析

2016-03-11
阅读 4 分钟
4.5k
Generator和yield 分析 项目中使用了koa,最近在学习koa的源码,先把这些东西都写下来,免得以后忘记了。 koa源码学习前先注意下面这三个概念 generator function (生成器函数) generator (生成器) yield 下面是一坨很简单的代码 function *gen() { {代码...} 上面的代码中 gen是一个generator function, g是一个gene...

雪碧图sprity 合并多图使用心得

2016-01-09
阅读 2 分钟
7.7k
sprity 是一个模块化的雪碧图生成工具会根据目录中的图片生成相应的雪碧图和样式文件,支持retina图,可以内嵌base64 编码格式的图,支持不同的图片格式和有不同的图片引擎可以选择。sprity 的前身是css-sprite,sprity的 git地址