专业技能

1 、熟练掌握HTML5/CSS3/JavaScript/Typescript语言 ，熟悉ES6+新特性。

2 、熟练掌握Vue3框架并理解源码核心内容实现原理。

3 、熟练使用百度 、谷歌地图 ，有实现车联网经历。熟练使用Element-plus 、Vant等UI框架。

4 、熟悉webpack 、Vite等前端自动化构建工具的配置。

5 、熟悉Electron框架 ，有Electron项目开发经历。

6 、掌握 Node.js、koa框架，熟悉uniapp开发，熟悉前后端分离开发，能独立负责相关项目的前端开发。

在公司负责

1 、封装工具库,统一编码规范、提高多人协作开发容错率。

2 、组织团队成员进行公司内部组件库的重建，并完善规范文档。

3 、解决产品中的技术难题、保证迭代速度与产品质量。

4 、核心模块开发、承担系统和项目开发工作的同时，能够指导实习生，进行技术分享，共同促进团队成员进步。

技术栈 ：Vue3 、Echarts、百度地图、谷歌地图、topojs、uni-a***、vant、Electron 、Element-plus 、Typescript 、 Pinia等。

项目：负责过8个项目的开发与维护。

IM 即时通讯（Electron ）

• 技术栈 ：Vue3 、Electron 、Element-plus 、Typescript 、 Pinia等。

• 项目简述 ：开发了一款基于Electron框架的跨平台即时通讯桌面应用 ，支持Windows 、Mac OS系统 ，

提供文本聊天 、语 音/视频通话 、朋友圈等功能 ， 旨在提升用户间的沟通效率。

• 项目职责 :

1 、负责消息对话框、历史记录、联系人、笔记等模块的实现与维护。

2 、封装empty、loading、icon、search等组件，将dialog封装为命令式组件减少父组件重复的模板内容。

3 、使用封装的虚拟列表hooks优化联系人、会话、新的朋友等长列表。

• 项目难点 : 笔记模块的批注功能并没有第三方库的支持，需要自己实现。

• 解决方案 :

通过Selection与Range对象获取选中的文本内容、相关节点与光标偏移量。实现高亮选中文本，通过事件委托

实现移入元素显示批注内容。可以处理如 多种标签、嵌套结构，跨标签等操作。支持编辑、删除批注。缓存文

本节点长度，降低频繁获取range偏移量时的计算量，并在内容更新时，同步缓存。

MS-Admin 后台管理系统

• 技术栈 ：Vue3 、Element-plus 、Typescript 、 Pinia 、Echarts 等。

• 项目简述 ：多个后台管理系统的集合，内有物联网、IM、CRM等后台管理系统。

• 项目职责 :

1 、负责IM后台的设置中心、运营管理、统计信息的主核心模块、并对成员的代码进行code review。

2 、统一项目的编码要求：如单一职责、策略模式、圈复杂度等，确保项目的可维护性。

3 、基于声明式与命令式的优势封装项目内公用组件，避免相似逻辑造成的代码冗余。

• 项目难点 : 查看聊天记录时，数据量的不断增长导致页面渲染太慢。

• 解决方案 :

与项目负责人沟通并确定业务需求，结合IM桌面端的需要封装了虚拟列表，提供定高与不定高两种模式，

并支持预加载、分页等功能的hooks。基于此hooks封装了虚拟列表组件，解决了该场景下的页面渲染问题、

并为IM桌面端该场景下的开发节省了大约3天的工作时间。

MS-User（PC端）

• 技术栈 ：Vue3 、Element-plus 、Typescript 、Pinia 、Echarts 、百度谷歌地图等。

• 项目简述 ：物联网用户端 ，一套全面的智能家居控制系统 ，实现对家中灯光 、窗帘 、空调 、安防等设备的

远程控制和智能化管理 。提供多协议 ，多设备的接入功能 ，模拟场景功能与车联网功能。

• 项目职责 :

1、负责车联网、反馈工单、拓扑图操作设备、智能家居等模块的实现与维护 。

2、封装智能安防进度条，封装智能家居详情页、消息中心等组件，实现车联网的电子围栏与区域检测功能。

3、重构项目的场景模块：拆分代码大于400行的组件、完善ts工具类型、函数命名、scss的函数复用等。

• 项目难点 :

实现车辆区域检测功能时，百度地图多了一个二次确认步骤，且与谷歌地图样式不统一，但又不支持自定义。

• 解决方案 :

先通过阅读源码了解了实现思路，随后自己实现了区域检测功能。可以兼容百度与谷歌地图，实时计算区域面积、

拖拽到地图边缘移动地图。通过创建Mask遮罩层解决在禁用地图拖拽事件时，依旧可以监听鼠标事件，并实时绘

制区域状态。

智能家居管理（uni-app ）

• 技术栈 ：Vue3 、uni-ap*** 、vant。

• 项目简述 : 移动端的智能家居管理 , 为运营商的用户提供管理自家家居设备.

• 项目职责 :

1 、通过uniapp的内置组件完成页面的搭建，通过路由API实现页面跳转。

2、封装icons组件,简化了uni-icons组件扩展阿里图标库时写法不一致问题。

3、使用分包技术降低启动页的加载时长.实现动态加载.

4、使用vue的watch思想，在小程序中进行data数据的监测实现，并封装方法。