用 nginx 搭建纯单页应用服务

前言 有些朋友可能会有这个需求:想要部署单页面应用(Single-page application)到服务器上,但又不想为静态页面写一个(仅有 historyFallback 功能的)服务端。 确实,如果为静态页面再加一个服务端,有点重,性能也不如直接用 nginx 好。所以不如直接用 nginx 配置 historyFallback,轻量 && 简单。 NGINX »

如何在 webpack 中引入未模块化的库,如 Zepto

前言 最近我在研究多页面 webpack 模块打包的完整解决方案时,发现用 import 导入 Zepto 时,会报 Uncaught TypeError: Cannot read property 'createElement' of undefined 错误,导致无法愉快地使用 Zepto。在经过一番调试和搜索后终于找到了解决的办法,并且对于所有不支持模块化的库都可以用这种方法导入模块。 原因 Zepto 的源码: »

告别无聊的 Webpack 控制台介面

前言 是否受够了 webpack-dev-server 那杂乱的 log 输出? 是否觉得 Webpack 生产构建过程很无聊? 今天我来介绍(安利)两款可以解除乏味,提高生产效率的 Webpack 插件: webpack-dashboard nyan-progress-webpack-plugin webpack-dashboard 这是 FormidableLabs 做的,一个可以在开发模式中让 webpack dev server 输出的 »

在浏览器端对图片进行压缩 & 上传

前言 在移动端,我们经常会有这样的情况发生: 用户在 3G/2G 网络情况下,上传手机拍下的照片在经过上传再下载耗时非常长,流量消耗也不少。 因此我们提出了一个要求:前端先压缩图片,在浏览器中预览,再上传到服务器,并且要兼容 Android 4.0。 这篇博文主要介绍: 对图像文件压缩的处理方法; 对 File/Blob/data URIs 的互相转化; 如何构造 »

React Hot Loader 3 beta 升级指南

前言 在用 react-hot-loader v1.3 的时候有些深层组件不会很完美的热更新(可能是我使用有问题)。然后在 react-hot-loader 首页中看到 React Hot Loader 3 is on the horizon,便想换成这个,结果就开启了一周的踩坑之路... 模块依赖 务必升级最新的 React-Hot-Loader v3.0.0-beta. »

Shell 快捷键

操作 快捷键 移动光标至行首 Ctrl + A 第一次按时,移动光标至行首;再次按时,回到原有位置 Ctrl + X 移动光标至行尾 Ctrl + E 光标向左移动一个字符 Ctrl + B 光标向左移动一个单词 ESC + B 光标向右移动一个字符 Ctrl + F 光标向右移动一个单词 ESC + F »

用 AppVeyor 持续集成 Github 中的 JS 项目

AppVeyor 是一个跑在 Windows 上的 CI 云平台,他可以帮你自动化测试/构建/部署你的项目,并可以与 Git 项目绑定。 持续集成(Continuous Integration) 持续集成强调开发人员提交了新代码之后,立刻进行构建、(单元)测试。根据测试结果,确定新代码和原有代码能否正确地集成在一起。 持续集成是什么? 如何理解持续集成、持续交付、持续部署? AppVeyor »