前者老鸟的那2年

 

2,组件:H5万能采纳器iosselect

 

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

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

小结:前端技术更新太快,楼主随着年华上涨,感觉精力没从前那么旺盛了,不过楼主依旧和常见程序员同胞一样,尽力学习新东西,新技巧,以跟上临时的步履。前端不易,与君共勉。

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

    楼主还友善写了贰个js版的js 正则表明式工具,能够将正则表明式图形化

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

4,正则表明式工具:rline

3,前后端分离方案:realmock

   
楼主此前一向在做webapp,消除页面自适应难点首当其冲,楼主当时选拔了rem了,网上的质感很多都以和Taobao的flexible思路一致,其最大缺点是测算不便利,楼主当时想了三个化解方案,让设计图的1px对应0.01rem,那样开发起来就那贰个方便,后来就付出了adaptive.js。楼主2年前做那个的时候,还向来不那样总结的,以后网4月经重重了。

   
固然总计很有益于,可是还会遇见不少题材,比如如何包容px为单位的表面组件,怎么样进一步有益于地只须求输入px就转换为rem。楼主当时项目创设利用的是webpack,就开发了1个webpack
loader工具,px-rem,它能够实时转换px到rem。它仍是可以够将静态的css中的px按一定规则转换为rem。

    楼主近来在翻译 ECMAScript® 二零一四 语言专业 中文版

    楼主按从页面到零部件,到工具化的事物一一陈诉

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

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

5,es6官方正式文档翻译:

 

   
前端开发,组件必不可少,楼主从jquery,zepto,backbone,angular,react一路走来,各类轮子造了累累,重复的车轱辘就不一一介绍了,那里最主要介绍下iosselect。当年设计师供给本人在H5中贯彻ios中滚动控件的效果,楼主当时就懵比了,后来楼主借用iscroll造出那几个轮子,后来又不断完善,使其补助多样情况,包罗地点选拔,时间选取,日期选取,中度可定制。而且能使用于各个js框架中,所以自个儿称它为万能采纳器。

   
细算下来,楼主已经做前端7年了,也算前端老鸟了,随著经验的累积,楼主也造了重重轱辘,也经历了不可胜举业务,本文就记下下楼主那2年在技术上的一些积攒。

   
前后端分离有助于增强开销进程,固然现存的上下端分离方案也有众多,不过都不吻合楼主的饭量,于是楼主突显开发了三个json生成工具:randomjson。它用来变化随机json,能够高快速生成成不一致的数码,生成多量的数组,生成钦赐大小的图样,下降大家mock数据时的手动输入量。基于randomjson和express,楼主计算了二个消除方案,realmock,它借住与express,可以依照规则重返差异的数据,能够效仿接口再次来到延时,也能够回来不一致的http状态。而且皆之前者js,对于前端开发者来说,分外不难上手。

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

   
关于adaptive.js能够查阅:adaptive.js