1. 精通HTML+CSS,可快速搭建前端界面,对浏览器渲染、性能优化有一定了解。
2. 精通JavaScript、TypeScript,可熟练使用JS 面向对象、闭包、事件委托。
3. 熟练使用Vue2、Vue3全家桶开发PC端、移动端应用,熟悉react。
4. 熟练使用小程序、uniapp、cocos、Flutter、Electron 开发各种应用。
5. 熟练使用node.js编写脚本等,熟练使用webpack自动化构建工具。
6. 熟练使用 WebSocket 在实现双向通讯、实现实时更新和推送功能。
7. 对前端优化有深入了解,提供不同的解决方案。
8. 熟练使用Git协作开发、分支管理、版本管理。
酷玩app+运营管理后台 前端开发
项目背景:一款用于下载游戏的安卓工具软件
技术栈:Vue2、Vue3全家桶
项目难点及解决方案:
2020.07-2024.6
1. 实现并优化大文件上传方案,提高用户体验。解决方案:采用Blob进行前端文件切片在进行
分片上传然后服务端接收后进行合并处理,同时用户在遇到网络中断时还可采用断点续传的方
式提高用户体验。
2. 下载多款游戏进度同步。解决方案:调用android客户端的方法获取进度,采用订阅发布模
式来同步游戏进度。
来电app
前端开发
项目背景:一款线上剧本杀游戏软件
技术栈:cocos+ts+websoket
项目难点及解决方案:
2022.02-2022.06
1. 看剧本分页左右滑动,由于受到移动端屏幕大小影响、文章段落、字体等因素,用cocos画
布展示难以实现。解决方案: iframe引入html,利用css中的columns多列布局实现,通过
把背景图片转二进制流的形式实现零延迟与应用结合。
2. 多人同步场景。解决方案:接入websocket加心跳同步场景,接入声网作为语音通信。 后
台活动模板配置+前台活动落地页。
海豚家购物(app、小程序、H5)
web前端开发
项目背景:一款美妆产品的网上购物平台
技术栈:vue2+vuex+axios+postcss+element-ui+webpack+uniapp
项目难点及解决方案:
2019.09-2020.07
1. 活动页的高并发。解决方案:从后台获取数据、编辑后储存在cdn,活动前台直接读取cdn
文件获取信息,优化首屏加载。
2. 活动页多种复杂功能可配置,画热点、轮播图、图片自适应、懒加载、跳转 app ,利用微前
端实现预览等为运营技术设计 节省大量时间。
中粮CMALLH5商城+后台管理
项目背景:中粮食品商城,网上购物商城
web前端开发
技术栈:vue2+vuex+axios+element-ui+webpack
项目难点及解决方案:
2018.10-2019.07
1. 管理后台的多规格选择对应多规格值价格、库存的添加与编辑。解决方案:通过对象赋址特
性+数组遍历,实现复杂的逻辑交互。
2. H5 商城规格选择提交,无库存的规格需要禁止选择。解决方案:网上学习 sku 算法,根据
后台数据渲染选择。
3. 多种优惠券,按最优化方式展示。解决方案:列举优惠券交替使用的场景,根据优先级做出
处理。
一款线上剧本杀游戏软件 技术栈:cocos+ts+websoket 1,看剧本分页左右滑动,由于受到移动端屏幕大小影响、文章段落、字体等因素,用cocos画 布展示难以实现。解决方案: iframe引入html,利用css中的columns多列布局实现,通过 把背景图片
项目背景:一款用于下载游戏的安卓工具软件 技术栈:Vue2、Vue3全家桶 1. 负责游戏营销活动开发、活动模板配置、活动后台管理系统;剧本杀APP、小程序、桌面应 用、后台管理系统等; 多款PC /移动端游戏官网; 2. 前端报错监听、针对运营查询bi数据系统