个人介绍
我是程序猿客栈的“爱码”小王子,我所拥有的技术特长如下:
1.熟练掌握 JS面向对象编程,ES3+ES5+ES6-ES10,熟悉常用设计模式以及数据结构和算法
2.熟练掌握 HTML5,CSS3,PC 端和移动端页面架构和布局,高质量高保真地还原 UI 设计稿
3.熟练运用 React+TypeScript+ReactHooks+redux+antd+umi+react-router 等技术独立高效地开发,注重代码质量
4.熟练掌握 vue2.x+vue-router+vuex+axios+fetch 及 vue3.x
5.熟练使用 flex布局+em+rem+媒体查询等技术实现自适应布局
6.具备一定的前端性能知识体系,追求极致的性能体验,有比较丰富的优化实践经验
7.具备不错的“快速地定位,分析,解决问题”的能力
8. 灵活运用 echarts+ReactEcharts+G6 等技术实现可视化开发
9.熟悉 HTTP 协议,熟悉 Web 应用的性能优化,监控,分析方法
10. 关注前端开发生态中各领域的知识
同时呢我及其热爱前端开发,喜欢钻研和运用新的技术,喜欢和志同道合之人畅谈技术交流心得,追求极致的技术质感从而达到 极佳的用户体验。相信有责任感有驱动力有持久的毅力才能在一个行业里有所建树!
工作经历
2020-08-10 -至今北京中经惠众科技有限公司高级前端工程师
工作内容 1.独立负责新旧数据工厂,数据地图,关系图谱后台管理系统,SASS 服务平台,数据中台,admin 后台管理系统,金融管 理平台等开发和维护 2.页面性能优化 3.保证核心业务线的高质量迭代,创造更多的盈收 4.前端新技术的研究运用,落地实践以及分享推广 工作业绩 1.新数据工厂项目,是所有相关项目的基础平台,作为主负责人从项目立项到方案输出,再到技术调研,最终到具体 的项目落地工作,共推进数据地图,运维平台,中心端数据支持等 5 个项目平稳上线,和各团队保持紧密合作,保证到 对接到银行的几大业务线的关键指标提升了 40%。"获得企业优秀员工奖一次,新数据工厂项目组优秀奖三次 " 2.对前端的性能优化以及新技术的研究和追求,积极影响着前端同仁们,使得前端团队的研发能力以及积极主动性 上升一个高度 3.SASS服务平台是公司少有的独立的持续盈利的项目,由我负责,开发成绩得到银行和银监会的肯定以及支持 4.公司的第一个 Vue3.x项目“安全审计”平台项目是由我全权负责,并在一次技术交流会上分享了我对 Vue3.x的认 知, 同事们获益匪浅, 而且这样的技术交流会议会会定期举行
教育经历
2011-09-15 - 2015-07-02中北大学软件工程本科
CET4,听说读写能力良好,能流利的用英语进行日常交流,能快速浏览英文文档和书籍 2011-2012 年度一等奖学金 2012-2013 年度二等奖学金 2014-2015 年度二等奖学金
技能
2015.07 ~ 2018.08 PC 端前端独立开发 原始会官网的开发及维护 责任描述 1.负责原始会官网 PC 端的开发和维护以及内嵌的 H5webview页面的开发 2.通用布局,侧边导航,头部导航,首页,基础模块,router 分级,数据状态管理的开发 3.商品列表,详情,分页,富文本 4.品类,订单模块 5.生产环境的配置,代码发布 项目简介 原始会官网是一个专业性的投资类咨询平台,本着公开透明,公正及时,权威准确的原则,为用户的投资做一个合理 的参考和建议 技术及工具 jquery+Angular+原生 JS+ES6+CSS3+sass+bootstrap+gulp+git+webpack
2019.12 ~ 2020.08 h5 开发负责人责任描述 新零售易购宝贝 apph5webview 开发 责任描述 1.负责易购宝贝活动页面的 H5WebView页面的开发及维护 2.负责易购宝贝推广页面的开发及维护 3.负责解决 h5 页面与原生的交互问题 4.帮助完善小程序的开发和维护 技术要点 1.CSS+CSS3 写出的代码布局适配各种移动设备的机型。 2.ES6+ES7 等的新 JS版本语言特性要兼容低版本浏览器 3.React 技术的更新,使用以及版本更新的配置 4.H5 与原生 APP 的交互 5.CSS雪碧图技术 6.webpack构建,配置,打包上线 主要功能 1.H5 外推页面嵌入其他 APP 内,通过引流,来推广易购宝贝 2.易购宝贝 APP,小程序内嵌的活动 H5WebView页面 技术栈 React+ReactHooks+Redux , H5+ CSS3,ES6+CSS2.1/CSS3+less,Nginx,webpack 2018.08 ~ 2019.11 广告系统前端开发负责人 互动推后台管理项目的开发和维护 责任描述 互动推后台管理项目的开发和维护 技术要点 react+antd+react-router-dom+echarts+axios 主要功能 互动推也是一个通过植入广告来计费收费的一个项目:后台管理 项目是对广告的配置管理
2020.08 ~ 2022.05 项目开发负责人 负责新旧数据工厂,数据地图, SASS 服务平台, admin 后台管理系统等 责任描述 1.负责对所管辖的所有项目进行迭代开发,bug 修复,线上问题排查解决 2.负责对代码规范及代码质量进行 review,提升编程水平和优化页面性能 3.充分理解拆分需求,合理制定技术方案,分配开发任务 4.解决组员开发过程中遇到的问题 技术要点 1.JS+ES5/ES6+ES7+ES8+css2/css3+h5+react(>=16.8)+vue2.x+TypeScript 2.reactHooks+redux+react-router+echarts+ReactEcharts+umi+antd +G6+CSSmodules+webpack+ahooks 等 3.vue2.x+vuex+vue-router+elementUI 及 vue3.x 4.flex布局+rem技术+em技术实现自适应布局 5.使用 SSE(服务端持续发送事件支持)解决长连接问题 6.使用 IndexDB缓存技术 7. 对老旧系统的大量图片采用的传统滚动方案的懒加载技术、新技术 IntersectionObserver、以及 H5 的 img 的 loading 属性、picture 标签结合 source 以及 srcset 等优化方案结合 8.对 1W+以上的大量数据采用原生的虚拟滚动(VitualScroller)的优化方案 9.性能优化的其他实践 项目收获 1.安全审计项目让我对 Vue3.x 的原理设计以及落地实现有了充足的运用,为后期的 Vue 项目的搭建及开发规范做 了一个相当成熟的模板 2.多个项目的锤炼使得我对 React 从设计理念到实践有较为深刻的认识和理解 3.对于 ES6-ES8 的新特性更娴熟自如地运用