技术能力

前端框架：Vue / React / Angluar / Electron / Taro
后端框架：ThinkPHP、Laravel
包管与构建：NPM / Webpack / Gulp
UI框架：AntUI / Bootstrap / elementUI / iView
仓管工具：Git / Svn
辅助Coding：Typesript / Lodash / RxJS / Mock数据构造 / Bash / Sass / Eslint / Markdown
调试工具：Vscode / Webstrorm / chrome Devtool / Eruda / Postman / Fiddler
服务端工具： Navicat / Xshell / SecureCRT / JMeter
服务端开发：PHP / Nodejs / Nginx / Redis

项目经验

【移动端开发】
1 . 负责项目基于Vue 2.x+Webpack+Mock+ES6/ES7+Babel+Axios+Sass 构建/打包，采用HTTP、Websocket通信传输，使用async/await异步promise调用开发；
2 . 项目采用Fundebug付费平台进行性能与故障日记埋点与分析
3 . 项目采用Websocket 心跳包检验、收包，分包、粘包等实现实时点歌，排队业务
4 . 项目实现DOM生成海报，解决Canvas toDataURL跨源图片加载与异步图片加载问题；
5 . 负责脚手架的构建与定制完善、工具类封装、业务组件封装/注册、业务/视图逻辑实现
6 . Webpack 打包按需与优化(使用webpack-bundle-analyzer模块分析)、mainfiest缓存、cdn、开启gzip、chrome devtool performance性能排查等等
7 . 采用Flexible与根元素解决移动端px2rem自适应问题，Webpack编译bunlde处理兼容其它UI框架
8 . 采用Babel Polyfill等解决浏览器不兼容es6而导致Vue加载脚本报错白屏问题（ES6/ES7->ES5）
9 . 首屏加载速度优化
10 . 公众号授权登陆与支付（QQ/微信/支付宝）、公众号SDK调用扫码，唤起支付等
11 . nginx代理页面跨域调用接口，解决CDN等资源跨域问题

12 . 采用vconsole 或 eruda移动端调试台，通过运行环境变量NODE_ENV 与URL带参方式，控制调试台是否加载实例化

【桌面应用开发】
1 . 负责项目基于Electron 2.0+Vue 2.x+Webpack+Mock+Eslint+ES6/ES7 构建/打包（支持Win32 / linux64），采用IPC、HTTP、Websocket通信传输，实现Electron作为中间层(中控)的主进程与视图窗口，Vue做为视图层分层，中控主要对接来自服务器网关广播消息、客户端IPC消息、分布式IPC消息接收与应答，程序运行日记、同时负责管理本地歌库/用户等数据（本地sqlite）并处理业务逻辑最终将数据给到H5视图层渲染
2 . 项目实现功能：C++客户端与服务器资源(音视频/歌词/广告/活动/优惠券/热点)调度、多语言切换 / 主题换肤 / 内嵌商城 / 唱片店 / 歌词朗诵 / 语音搜歌 / 键盘搜索 / 手写板搜索（内部C++词库） / 用户行为数据与故障上报 / 录音上传转码 / 多模板切换 / 支付与套餐购买(支付宝/微信/投币) / 消息推送 / 在线热更新程序与Nass盘分布式资源调度 / 卡通动画
3 . 技术攻关：
【场景】：同台主机，分上下屏，屏音视频正常播放与高频用户体验下CPU双核撑爆，长时间待机内存溢出，体验卡顿，音视频播放受影响
【不断试验攻关】：
1）大面积重绘重排、回流优化；
2）将必要的渲染（如大面积渲染）放于独立的渲染合成层，推给gpu处理，降低CPU消耗，利用electron开启 chrome GPU 光栅格化，提升 GPU 利用率，降低 CPU 的消耗；
3）实验过Webworker、Webgl、Canvas、Mini-electron等技术方案；
4）视图渲染优化：增加防抖器与限压阀机制、大计算深拷贝、资源优化与按需加载、缓存、浏览器硬加速、代码计算逻辑、虚拟DOM渲染等优化措施
5）组件视图销毁时，内存按需回收
【产出结果】
双核CPU高峰稳定在30%左右消耗，内存按天回收，体验稳定60FPS

团队情况