前端框架:熟练掌握Vue, react框架及相关技术栈,掌握redux、mobx、vuex、pina、vant、antd 等技术
技术设计:对浏览器渲染/缓存/异步编程/跨域/组件封装等概念有清晰认知,具有一定设计能力
数据库:使用过MySql、Mongodb数据库,对Node.js服务器后端框架Express、Nest.js等具有实操经验
前端工具:精通Javascript、HTML5、CSS3和ES6,掌握 webpack、vite前端构建工具,有TypeScript和 Nodejs使用经验。熟练使用Less、Scss和Modules等css预处理方案
1、短视频app
项目概述: 某米印度短视频app,日活千万级,可以提供各种视频效果, 用户制作以及观看视频。
项目职责:作为项目负责人负责技术方案的制定,模块的拆解、分配、开发,整体进度把控以及代码Code Review等工作
重点问题解决:
AWS迁移: 了解AWS整个服务前端构建的逻辑,根据AWS部署逻辑打造前端自动化部署全流程;通过和运维沟通熟悉前端服务的日志获取,对部署过程中问题的快速定位和解决,保证了正常开发并完成平稳迁移
性能优化:由于印度网络差,页面打开慢,导致页面打开率低。采取本地预加载方式优化,首屏时间从
3s减少到1s,提高页面访问率。在此过程中采用ab试验的方式逐步替换所有服务,保证了项目的稳定性
2、 商家营销平台
项目介绍: 商家营销平台,某度一个给商家专门用来配置广告的营销平台
项目职责:建站中台B/C/D三端的组件设计、开发及维护,根据业务特点合理调整平台功能优化、性能优化等
重点问题解决:
D端组件适配: D端组件也就是通用组件,最终开发需要上传到组件平台,而D端需要适配不同机型且还需要适配B端配置平台,功能场景负责,所以在开发时,就需要提前设计整个管道并自动化验证组件效果
历史包袱&扩展:很多组件是经过多年多人维护迭代,很多历史逻辑没有人清楚,后面很多需求又需要在这些组件基础上不断迭代,所以为了解决这种问题首先梳理现有所有组件及逻辑产出文档,同时每个组件都需要一份config配置文件进行校验,config文件会生产一个文档并且跟icafe需求关联(百度文档协作工具),这样每个组件有哪些参数是用来做什么的就清楚了
3、购票选座系统
项目介绍: 购票选座系统是top1 视频平台app-票务模块里针对用户选座策略,票价设定的系统
项目职责:负责技术调研、技术方案设计、模块开发&上线
重点问题解决:
影院&场馆的绘制: 首先整个画图区是需要渲染不同影院、不同场馆以及包括单人座、情侣座等特殊座位类型,为了正细粒化的去操作座位图,采用的是使用canvas去完成整个画图区的绘制及对应逻辑
性能优化:大影院、大场馆座位图渲染慢或卡顿,因为一个canvas的尺寸不断增大时页面性能则不断变低,最后采用的方案是利用svg+canvas, 利用 svg渲染出场馆的图形,然后在svg上使用多个canvas绘制每块的座位图
角色 | 职位 |
负责人 | 高级前端工程师 |
队员 | 产品经理 |
队员 | UI设计师 |
队员 | 前端工程师 |
队员 | 后端工程师 |
项目概述: Zili是小米旗下的印度短视频app,日活千万级,可以提供各种视频效果, 用户制作以及观看视频。 项目职责:作为项目负责人负责技术方案的制定,模块的拆解、分配、开发,整体进度把控以及代码Code Review等工作 重点问题解决: AWS迁移: 了解AWS整个服
项目介绍: 商家营销平台,百度凤巢一个给商家专门用来配置广告的营销平台 项目职责:建站中台B/C/D三端的组件设计、开发及维护,根据业务特点合理调整平台功能优化、性能优化等 重点问题解决: D端组件适配: D端组件也就是通用组件,最终开发需要上传到组件平台,而D端需要适配不