关于我
个人信息
自我介绍
我是一名拥有7年经验的前端开发工程师,擅长React、Vue和TypeScript等前端技术。我注重代码质量和用户体验,有丰富的项目经验,包括大型管理系统、小程序和移动应用开发。我善于沟通,具有良好的编程习惯以及较强的学习适应能力,能够快速适应新的技术和环境。
专业技能
前端框架
语言
工具
UI库
状态管理
其他
工作经验
主要负责 KittenN 编辑器前端开发
• 从零到一的项目搭建:负责前期技术预研,搭建项目架构,确保技术选型的前瞻性和可扩展性。独立完成主要功能模块的开发,包括控制台、音频播放与编辑、硬件连接等。
• 多端适配与性能优化:通过响应式设计和性能优化策略,确保项目在手机、平板和电脑上均能提供流畅的用户体验。采用代码分割、懒加载等技术,显著提升页面加载速度和资源利用率。
• AI 集成与智能交互:集成认知 AI 技术,结合人脸识别(使用 face-api.js)和大语言模型,实现对用户表情的智能识别与响应。与后端 AI 模型紧密协作,优化识别算法,提升识别准确性和交互流畅性。
• 软硬件结合:基于蓝牙协议实现与 MicroBit 硬件的无缝连接,将硬件信号实时传输至应用,实现软硬件协同工作。封装蓝牙通信模块,简化开发流程,提升硬件交互的稳定性和兼容性。
• 音频录制与编辑:基于 Web 原生技术(getUserMedia、AudioContext),封装音频录制和编辑功能,支持实时音频处理和导出。提供用户友好的音频编辑界面,支持剪辑、添加特效等功能。
• 视频处理与上传:采用 ffmpeg 技术,将用户上传的视频进行高效压缩,显著降低存储和传输成本。实现视频分片上传功能,支持大文件的稳定传输,提升上传效率和用户体验。
主要负责 TAPD 前端开发
• 项目架构和性能优化:在原有项目(采用 Jquery 和原生 JS 的方式),积极参与并推动项目的前后分离改造,参与并制定了前后端分离项目(缺陷、需求、甘特图)的架构。除了现有功能的迁移之外还负责性能优化部分,功能这块主要是主导了在 TAPD 主站挂载 Component 的架构设计,性能部分主要是针对项目的首屏双向懒加载,Table 组件的渲染优化以及甘特图的拖拽等优化。
• 编辑器:除了日常的需求开发外在此基础上提供了业界独家的插件 5+ 应用(例如:插入腾讯文档,插入业务对象,插入思维导图等丰富功能)。将接入组件的能力封装,形成了挂载点供第三方接入应用(已做为开发平台的独家特色)。
主要负责 Flyme 商业产品部游戏中心前端开发
• 游戏后台管理:在公司内部多套技术栈(原生JS,Vue ,React)的场景下,主导并推动公司管理后台以微前端架构( qiankun ),采用微前端后解决了多套技术栈发布效率低下(发布时长由 30+ mins 降至 10+ mins ),多团队协作不规范的问题提升了开发效率。
• 游戏活动模板:以拖拽的方式赋能运营配置活动游戏。赋能给运营同学,提供 20+ 可自由配置诸如:跑马灯游戏、刮刮乐、等游戏组件并生成 H5 页面,发布上线(配置过魅族的大大小小活动 50+ 场)。
主要负责小程序、微信公众号、移动端app的开发
• 微信公众号:在重写了小程序端功能的基础上增加了新功能。重新构建了组件的粒度。基于 TypeScript 做了接口的定义,还有 Model 层的封装,对前端代码做了约束,增强了代码的健壮性。基于React-Router,解决了 History 路由在刷新时候丢失页面。本地搭建node环境对请求做后端转发,利于调试登录授权加快开发速度。将 React 性能优化与 Webpack 性能优化做了工程化处理。
• 微信小程序:封装了全局 Global 的函数并与 Localstorage 做互补,为产品在用户进行不同操作时作出相应状态管理。基于 Token 自定义了登录权鉴,做了请求前置处理。在用户未登录状态迫于原生弹窗样式功能不全,封装弹窗、按钮等功能性组件,增强了用户体验。对错误进行上报小程序云端,使运营人员的管理方便。对小程序做了分包处理,使首次加载速度更快,模块间的耦合度更低。以函数科里化的方式封装了登录请求,处理多并发请求时的上锁机制,增强了用户登录体验。
教育背景
主修课程与技能: