前端老鸟的这2年

    细算下来，楼主已经作前端7年了，也算前端老鸟了，随著经验的积累，楼主也造了不少轮子，也经历了不少事情，本文就记录下楼主这2年在技术上的一些积累。

    楼主按从页面到组件，到工具化的东西一一陈诉

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

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

    关于adaptive.js能够查看：adaptive.js

    虽然计算很方便，可是还会遇到不少问题，好比如何兼容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框架中，因此我称它为万能选择器。

    iosselect地址:https://github.com/zhoushengmufc/iosselect

3，先后端分离方案：realmock

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

randomjson地址：https://github.com/zhoushengmufc/randomjson

realmock地址：https://github.com/zhoushengmufc/realmock

 

4，正则表达式工具：rline

    楼主还本身写了一个js版的js 正则表达式工具，能够将正则表达式图形化

    rline地址：https://github.com/zhoushengmufc/rline

 

5，es6官方标准文档翻译：

    楼主目前在翻译 ECMAScript® 2016 语言规范 中文版

    地址：https://github.com/zhoushengmufc/es6

 

总结：前端技术更新太快，楼主随着年龄上升，感受精力没之前那么旺盛了，可是楼主仍是和广大程序员同胞同样，尽力学习新东西，新技术，以跟上时代的步伐。前端不易，与君共勉。