您好!我是一名大前端开发者,曾参与PC、H5、小程序、App、Electron多种项目的开发。工作4年多,前半部分主要从事PC开发,后半部分主要是移动端开发。
基础:HTML5、CSS3、JavaScript(ES6+新型语法)。
框架方面:熟悉Vue及相关生态(如Vue Router、Pinia/Vuex),了解Vue实现原理;了解 React及相关生态(如 React Router/React Navigation、Redux);其他:TypeScript、Axios、I18n、Tailwind CSS、Unocss、Sass、Less等。
组件库:常用的组件库如Ant Design、Element UI、Vant等,对部分组件进行二次封装和样式修改。
工程化:了解前端工程化,打包构建: Webpack、Vite基本配置,实现从0-1搭建项目;了解编码规范工程化,了解一键部署,可使用京东体系工具链:行云、Pubfree等。
C端:熟悉H5,了解React Native、Uniapp。
服务端:了解Node.js的常用模块及相关生态,使用 Express等框架搭建后台,书写CURD操作的基本SQL或noSQL,配合Postman等工具进行接口测试;熟练使用Nginx常用命令,并结合PM2部署项目。
CI/CD:了解 GitHub Actions,可书写基本Workflow进行一键部署操作,了解Docker;使用 Jest进行单元测试。
1.项目名称:包裹的旅行
技术信息:Vue、TypeScript、ElementUI
系统类型:H5、Web
行业分类:游戏
**行业场景**
该项目是一个移动端游戏化营销项目,用于增加App的用户粘性。用户可通过完成一系列丰富的活动和任务获取奖励,在京东系列App中进行消费。
(注:当前游戏已不在维护期内,需要链接查看作品的发消息)
**功能介绍**
1、分为客户端(H5)和管理端(PC)
2、用户签到,摇骰子,人物在地图上行走,获取多种奖励,奖励可用于在京东平台消费等
3、定期新增活动和任务,获取骰子或碎片等奖励
4、碎片拼图,点亮城市,获取奖励
5、消消乐小游戏
**项目实现**
1、主游戏模块的开发和性能优化,和产品沟通使界面对用户使用更友好。
2、项目功能新增、接口对接、细节优化、长期维护。
亮点:
1、通过requestAnimationFrame 和更新 scrollTop值,使人物行走更流畅。
2、通过节流 + 图片压缩 + 虚拟滚动,减少图片渲染,防止滑动时图片未及时加载渲染造成白屏,优化用户体验。