沈君鸿

前端开发工程师 · 7年经验

善沟通,具有良好的编程习惯以及有较强的学习适应能力

关于我

个人信息

18664306047
1039460820@qq.com
广东深圳
前端开发

自我介绍

我是一名拥有7年经验的前端开发工程师,擅长React、Vue和TypeScript等前端技术。我注重代码质量和用户体验,有丰富的项目经验,包括大型管理系统、小程序和移动应用开发。我善于沟通,具有良好的编程习惯以及较强的学习适应能力,能够快速适应新的技术和环境。

专业技能

前端框架

React
Vue
Next.js
Taro

语言

HTML
CSS
JavaScript
TypeScript

工具

Webpack
Vite
Git
npm/yarn

UI库

Ant Design
Element UI
Tailwind CSS

状态管理

Redux
Vuex
Mobx

其他

微前端
性能优化
前端监控
Electron
React Native
Flutter

工作经验

深圳市点猫科技有限公司
前端开发 | 2022.9-2025.2

主要负责 KittenN 编辑器前端开发

从零到一的项目搭建:负责前期技术预研,搭建项目架构,确保技术选型的前瞻性和可扩展性。独立完成主要功能模块的开发,包括控制台、音频播放与编辑、硬件连接等。

多端适配与性能优化:通过响应式设计和性能优化策略,确保项目在手机、平板和电脑上均能提供流畅的用户体验。采用代码分割、懒加载等技术,显著提升页面加载速度和资源利用率。

AI 集成与智能交互:集成认知 AI 技术,结合人脸识别(使用 face-api.js)和大语言模型,实现对用户表情的智能识别与响应。与后端 AI 模型紧密协作,优化识别算法,提升识别准确性和交互流畅性。

软硬件结合:基于蓝牙协议实现与 MicroBit 硬件的无缝连接,将硬件信号实时传输至应用,实现软硬件协同工作。封装蓝牙通信模块,简化开发流程,提升硬件交互的稳定性和兼容性。

音频录制与编辑:基于 Web 原生技术(getUserMedia、AudioContext),封装音频录制和编辑功能,支持实时音频处理和导出。提供用户友好的音频编辑界面,支持剪辑、添加特效等功能。

视频处理与上传:采用 ffmpeg 技术,将用户上传的视频进行高效压缩,显著降低存储和传输成本。实现视频分片上传功能,支持大文件的稳定传输,提升上传效率和用户体验。

React
Mobx
face-api.js
ffmpeg
Web Bluetooth API
腾讯科技(深圳)有限公司
前端开发 | 2020.12-2022.8

主要负责 TAPD 前端开发

项目架构和性能优化:在原有项目(采用 Jquery 和原生 JS 的方式),积极参与并推动项目的前后分离改造,参与并制定了前后端分离项目(缺陷、需求、甘特图)的架构。除了现有功能的迁移之外还负责性能优化部分,功能这块主要是主导了在 TAPD 主站挂载 Component 的架构设计,性能部分主要是针对项目的首屏双向懒加载,Table 组件的渲染优化以及甘特图的拖拽等优化。

编辑器:除了日常的需求开发外在此基础上提供了业界独家的插件 5+ 应用(例如:插入腾讯文档,插入业务对象,插入思维导图等丰富功能)。将接入组件的能力封装,形成了挂载点供第三方接入应用(已做为开发平台的独家特色)。

Vue
TinyMCE
珠海市魅族科技有限公司
前端开发 | 2019.8-2020.12

主要负责 Flyme 商业产品部游戏中心前端开发

游戏后台管理:在公司内部多套技术栈(原生JS,Vue ,React)的场景下,主导并推动公司管理后台以微前端架构( qiankun ),采用微前端后解决了多套技术栈发布效率低下(发布时长由 30+ mins 降至 10+ mins ),多团队协作不规范的问题提升了开发效率。

游戏活动模板:以拖拽的方式赋能运营配置活动游戏。赋能给运营同学,提供 20+ 可自由配置诸如:跑马灯游戏、刮刮乐、等游戏组件并生成 H5 页面,发布上线(配置过魅族的大大小小活动 50+ 场)。

qiankun
Vue
Electron
深圳谨启科技有限公司
前端开发 | 2018.7-2019.7

主要负责小程序、微信公众号、移动端app的开发

微信公众号:在重写了小程序端功能的基础上增加了新功能。重新构建了组件的粒度。基于 TypeScript 做了接口的定义,还有 Model 层的封装,对前端代码做了约束,增强了代码的健壮性。基于React-Router,解决了 History 路由在刷新时候丢失页面。本地搭建node环境对请求做后端转发,利于调试登录授权加快开发速度。将 React 性能优化与 Webpack 性能优化做了工程化处理。

微信小程序:封装了全局 Global 的函数并与 Localstorage 做互补,为产品在用户进行不同操作时作出相应状态管理。基于 Token 自定义了登录权鉴,做了请求前置处理。在用户未登录状态迫于原生弹窗样式功能不全,封装弹窗、按钮等功能性组件,增强了用户体验。对错误进行上报小程序云端,使运营人员的管理方便。对小程序做了分包处理,使首次加载速度更快,模块间的耦合度更低。以函数科里化的方式封装了登录请求,处理多并发请求时的上锁机制,增强了用户登录体验。

React
TypeScript
Mobx
Taro

教育背景

泉州师范学院
软件工程(本科) | 2014.9-2018.7

主修课程与技能:

数据结构
网络基础
英语四级
算法

项目展示

KittenN 编辑器
一个多端适配的编辑器,支持AI集成、硬件连接、音频编辑和视频处理等功能。
React
Mobx
face-api.js
ffmpeg
Web Bluetooth API
TAPD 项目管理平台
腾讯敏捷产品研发平台,提供项目管理、需求管理、缺陷跟踪等功能。
Vue
TinyMCE
前后端分离
游戏活动模板系统
以拖拽方式配置游戏活动的系统,提供20+可自由配置的游戏组件。
Vue
Electron
拖拽组件
微信小程序与公众号
基于Taro和React开发的微信小程序和公众号,实现了分包加载、错误上报等功能。
React
TypeScript
Mobx
Taro

联系我

发送消息
如果您对我的经历感兴趣,请填写以下表单与我联系。
其他联系方式
您也可以通过以下方式找到我

感谢您在百忙之中阅读这份履历,诚挚的期望能得到面试的机会,希望有荣幸能为公司效力。再次致以我最诚挚的谢意!