为什么要做性能优化 项目上线后，听到下面的一些抱怨就应该关注性能问题了 页面加载太慢了 页面太卡了 页面经常崩溃 用时间长了，电脑太热了 太耗电／太耗流量 上面这些，是性能差的明显体现，遇到这些现象，只能说明你的页面性能已经太差了 性能优化误区 前端关注性...

我现在项目中用的就是前端spa单页面应用，用了riotjs来做。后端使用PHP做restful API

多使用开发者工具的timeline和profile两个吧看hover的时候heap是否暴增，还有任务管理器里面 cpu利用率情况，一般卡顿就是cpu利用率较高，大量计算导致ui不能及时更新

一些类库是跨平台的，比如node-sass, 图片处理相关的一些模块，除了问题后，可以只是单独npm rebuild module

前言 最近项目中在使用react/redux/koa做一个IM，打包工具自然选择了webpack 我主要使用了webpack 的下列功能 webpack 打包编译js文件 编译js文件支持多入口，版本控制，懒加载 js和样式文件都支持热替换，不需要每个简单的修改都要刷新等待 复杂的css sprites功能,...

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，css是采用sass->postcss的结构, postcss 主要完成了下面几个功能 autoprefix，样式加前缀 preces 合并图片 {代码...} 兼容IE浏览器 后期需要将px转换为em，使用media-query做屏幕适配 其他功能都比较容易实现，现成的插件都能满足...

Thunk以及CO模块 co4.0之前都是返回的thunk函数之后的都是返回promise thunk thunk：在 JavaScript 语言中，Thunk 函数替换的是将多参数函数，替换成单参数的版本，且只接受回调函数作为参数。 {代码...} 生产环境中，可以使用thunkify将函数转换为thunk 函数 问题：...

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

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