使用react-formutil处理表单难题
作为一开始的angular用户，在切换到react的一年多时间里，唯一不能适应的，就是表单在react中处理实在是麻烦。angular得益于其双向数据绑定的实现，再加上ngModel的魔法，angular抽象出的ng-model模型，处理起…
使用react-router v4和react-transition-group实现页面路由切换动画效果
近期有个react移动端项目，想要在页面切换中实现动画，设想是页面左右滑入滑出。路由是使用react-router v4版本，所以第一时间去官网上找示例：animated-transitions <CSSTransition key=…
黄金叶 – 天葉（天叶）香烟真假辨识
不久前去家附近一家烟酒店买天叶，老板表示店里没有，需要到别处拿。于是我等了一会儿，老板拿了两条回来。我表示只要一条，老板说以为我要两条才去拿的，并表示两条都要的话可以再便宜。 于是我以9折的价格拿下两条，没多想，就走了。离开店里，我拆了一条…
使用Prettier来自动格式化项目的提交代码
什么是Prettier？ Prettier 是一个支持多种文件格式（包括javascript、css、less、sass、typescript、markdown等）的样式格式化工具。它会删除代码里的原始样式，并确保输出的代码风格一致。 简单…
2000块钱的加拿大CuddleDown 800蓬鹅绒枕
又到了一年秋冬，国庆节回来该准备换上冬被、更换净化器滤芯，静待北京雾霾冬天的降临。 看着新换的羽绒被，蓬蓬的，然后枕头枕了大半年已经是软piapia的了（枕芯是无印良品买的，一个羽毛枕不到100块吧，一个聚乙烯薄膜枕不到300块）。对muj…
vim关闭最后一个文件编辑buffer窗口时自动退出其余所有NERDTree、Quickfix窗口
我们使用vim时经常会打开一些类似NERDTree、undotree、quickfix等分割窗口，但是当我们退出最后一个文件编辑窗口时，这些打开的窗口并不会自动关闭。 使用NERDTree的人应该都会在自己的vimrc中添加这样一句代码： …
一个创建点击后产生水波纹效果的React组件：water-wave
安装 $ npm install –save water-wave 使用 water-wave是一个react组件，所以是需要在react项目环境中调用（推荐在create-react-app或者tiger-new生成的项目中使用）。组件…
Vim － 通过winmanager整合NERDTree和Tagbar
最近做开发用的机器从windows切换到了mac，开发环境的变化，第一件事是配置顺手的各类开发工具，首当其冲的就是编辑器了。作为一个前端狗，IDE等这些重量级的我是没机会、也没必要去使用的。刚开始做开发时因为也要做php，所以直接用的dre…
又一个单页滚屏组件：pageSwitch.js
移动互联网的火热发展，带来了很多产品推广传播的html5页面开发需求，而这类页面又往往以单页面滚屏（onepage-scroll）类型居多。基于业务上的需要，我开发了这个专门处理该类需求的javascript组件 – pageS…
gulp使用经验谈…各种坑
为何要用构建工具？ 一句话：自动化。对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，自动化工具可以减轻你的劳动，简化你的工作。当你正确配置好了任务，任务运行器就会自动帮你或你的小组完成大部分无…