最近公司项目:
项目名称:微信京东
项目简介:购物平台
项目地址:打开微信 -> 购物
HTML5、Css3、ES6 及其他京东私有技术,因为涉及安全协议,不在此提及
个人开源项目:
项目名称:Rexjs
项目简介:Rexjs - 是一款又快、又小、性价比极高的 JavaScript(ES6+) 语法的编译器!
官方网站:http://rexjs.org
Github:https://github.com/china-liji/Rexjs,之前是放在 Oschina(https://gitee.com/jQun/Rexjs)被官方设置为推荐项目,最近将项目移至 Github 上面。
主要功能:
1. Rexjs可以对ES6或更高版本语法进行编译,将其转化为ES5以适配各种流行浏览器。
2. Rexjs有相关API开放,允许你自己创造新的ECMAScript语法。
3. Rexjs核心语法API,甚至允许你创造、开发新的计算机语言,因为Rexjs也是把ECMAScript作为新的语言重新解析编译了一次。所以,如果你有时间或者有想法,的确可以自己试着创造一门属于你的语言。
有着比 Babel、谷歌 Traceur 的更大优势:
1.文件最小:babel.6.25.0.min.js的文件大小为765kb;Traceur.0.0.112.js的文件大小为1400kb;而rexjs.1.2.6.min.js的文件大小仅仅为 233kb。
2. 解析性能最高:虽然Rexjs比Traceur仅仅只快10%,但是比Babel要快3-5倍!
3. Made In China:此解析器未引用任何第三方插件及类库,属于完全独立、创新的一款ECMAScript语法编译器,它是100%纯中国制造!
开发历时:Rexjs自2015年3月开始编写,历时近30个月,经过5次大重写,于2017年8月发布1.0版本。
京东微信购物:
负责微信(京东)购物部分工作,主要涉及页面微信首页(https://wq.jd.com/wqssr/portal/index/index.shtml)、头条二级页(https://wq.jd.com/webportal/channel/666)、促销频道(https://wqs.jd.com/portal/wx/promote_sns.html)等页面的前端开发及维护。具体项目可以在“微信 -> 发现 -> 购物”中体验。
华为内部聊天工具eSpace
项目名称:华为 Mac 内部办公平台 Electron 版 eSpace
负责:编辑器颜色选择器、电话会议、页面性能优化、桌面共享绘制性能优化等
涉及技术:
- React,是整项目主要前端框架,子组建采用了 React-DOM 与 immutable
- HTML5、CSS3
- JavaScript 方面采用的是 ES6,不过是用 webpack + babel 打包生成使用
- 颜色选择器采用 Canvas 绘制,对 Canvas 进行点数据分析及根据颜色对 Canvas 进行定位,复色等行为;
- 电话会议,使用的是 TUP 协议通信,实现对接听、呼出电话流程;
- 页面性能优化包括聊天时数据过多滚动时卡顿等问题,根据 Timeline 分析出问题,然后定位,并解决了问题;
- 桌面共享绘制性能优化,主要是图片太大,16M 一张,内存释放不掉,遂采用 Canvas 与 Node 的 FileSystem,配合,Fs 读取图片元数据,并对元数据进行分析,对调色位,再 Canvas 绘制数据成图。
微信小游戏:
斗兽棋、斗地主、抓娃娃等等。