1，页面开发：前端自适应方案adaptive.js及px-rem工具

之前一直在做webapp,解决页面自适应问题首当其冲，当时选择了rem了，网上的资料很多都是和淘宝的flexible思路一致，其最大缺点是计算不方便，楼主当时想了一个解决方案，让设计图的1px对应0.01rem,这样开发起来就非常方便，后来就开发了adaptive.js。楼主2年前做这个的时候，还没有这么计算的，现在网上已经很多了。

虽然计算很方便，但是还会遇到很多问题，比如如何兼容px为单位的外部组件，如何更加方便地只需要输入px就转换为rem。当时项目构建采用的是webpack,就开发了一个webpack loader工具，px-rem,它可以实时转换px到rem。它还可以将静态的css中的px按一定规则转换为rem。

px-rem地址：https://github.com/zhoushengmufc/px-rem

2，组件：H5万能选择器iosselect

前端开发，组件必不可少，从jquery,zepto,backbone,angular,react一路走来，各种轮子造了不少，重复的轮子就不一一介绍了，这里重点介绍下iosselect。当年设计师要求我在H5中实现ios中滚动控件的效果，楼主当时就懵比了，后来楼主借用iscroll造出这个轮子，后来又不断完善，使其支持多种场景，包括地址选择，时间选择，日期选择，高度可定制。而且能应用于各种js框架中，所以我称它为万能选择器。
前后端分离方案

前后端分离有助于提高开发速度，虽然现存的前后端分离方案也有很多，但是都不符合楼主的胃口，于是楼主显示开发了一个json生成工具：randomjson。它用来生成随机json，可以快速生成不同的数据，生成大量的数组，生成指定大小的图片，降低我们mock数据时的手动输入量。基于randomjson和express，楼主总结了一个解决方案，realmock，它借住与express，可以根据条件返回不同的数据，可以模拟接口返回延时，也可以返回不同的http状态。而且都是前端js,对于前端开发者来说，非常容易上手。