前者老鸟的马上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

 

总:前端技术创新太抢,楼主随着年上升,感觉精力没以前那么旺盛了,但是楼主还是与常见程序员同胞一样,尽力学习新东西,新技巧,以与达到一代的步子。前端是,与当今共勉。