100 行实现一个搜索选择组件

前言 前一阵子遇到了个需求:商户与其账户是一对多的,因此需要分两个表(商户 & 账户),先创建商家再为其创建账户,账户创建需要商家的 id。 对于这类需求,之前一直用 Modal、Table 和 Button 组合的 antd 自定义表单控件来完成: 可仔细一想,以后商户量特别大怎么办,难道要一页一页人工去找么?不行,至少得在表格上加个搜索,但这样组件过于复杂,不利于复用 »

用 nginx 搭建纯单页应用服务

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

告别无聊的 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. »