johnny
前端高级开发工程师 · 11年经验 · UT斯达康
0
累计接单
0
用户评价
0
被收藏
技术能力
20年前端开发经验，精通 Vue 全家桶，主导过电商网站、微信小程序、企业后台管理系统、H5营销活动页等多种类型项目。
擅长将复杂业务逻辑转化为流畅的用户体验，代码规范、交付稳定、沟通高效。
核心能力：
Vue2/Vue3 + Vuex/Pinia + Vue Router，组件化开发
微信小程序原生开发 + uni-app 跨端方案
Element UI / Ant Design Vue 后台系统快速搭建
响应式布局、性能优化、SEO 基础处理
与后端高效协作，接口联调经验丰富
项目经验：
电商平台：商品管理、购物车、订单流程、支付对接
小程序：会员体系、预约功能、LBS 定位、微信支付
后台系统：权限管理、数据看板、表单设计、批量操作
H5 活动页：营销落地页、抽奖、邀请函、数据表单
工作方式：
需求确认清晰，排期透明
代码规范，注释完整，方便后期维护
交付后提供基础技术支持
可长期合作，也接短期急单。欢迎沟通需求。
擅长将复杂业务逻辑转化为流畅的用户体验，代码规范、交付稳定、沟通高效。
核心能力：
Vue2/Vue3 + Vuex/Pinia + Vue Router，组件化开发
微信小程序原生开发 + uni-app 跨端方案
Element UI / Ant Design Vue 后台系统快速搭建
响应式布局、性能优化、SEO 基础处理
与后端高效协作，接口联调经验丰富
项目经验：
电商平台：商品管理、购物车、订单流程、支付对接
小程序：会员体系、预约功能、LBS 定位、微信支付
后台系统：权限管理、数据看板、表单设计、批量操作
H5 活动页：营销落地页、抽奖、邀请函、数据表单
工作方式：
需求确认清晰，排期透明
代码规范，注释完整，方便后期维护
交付后提供基础技术支持
可长期合作，也接短期急单。欢迎沟通需求。
项目经验
猿急送项目经验
项目一：IPTV系统EPG电子节目指南（UT斯达康）
项目周期： 2年
担任角色： 前端开发工程师 / 核心开发
技术栈： Vue2 + Vuex + Vue Router + Element UI + ECharts + WebSocket + Axios
项目描述：
为国内外电信运营商打造的IPTV电子节目指南系统，支持海量节目内容的展示、实时推送、用户交互等核心功能。系统覆盖直播频道、点播视频、回看节目、节目预告等模块，服务于百万级终端用户。
核心功能与技术亮点：
节目列表与导航系统
实现7天节目单展示，支持按频道、分类、时间筛选
虚拟滚动优化，单页展示1000+节目条目流畅无卡顿
频道切换动画效果，提升用户体验
实时数据推送
WebSocket长连接实现节目状态实时更新（正在播放、即将开始）
心跳机制保障连接稳定性，断线自动重连
降级方案：WebSocket失败时切换轮询模式
数据可视化与统计
ECharts展示频道收视率、用户观看时长分布
热力图展示热门时段节目分布
实时在线用户数监控大屏
多终端适配
响应式布局适配机顶盒、PC、移动端
遥控器按键导航优化（方向键、数字键）
焦点管理，支持键盘快速切换频道
性能优化
路由懒加载，首屏加载时间优化至2秒内
图片懒加载 + CDN加速
组件按需引入，打包体积减少40%
我的职责：
主导EPG前端架构设计，从jQuery迁移到Vue生态
开发核心模块：节目列表、搜索、详情页、用户中心
与后端对接API，设计统一数据格式
性能优化与兼容性测试（支持多品牌机顶盒）
编写技术文档，培训团队成员
项目成果：
系统稳定运行3年+，服务500万+终端用户
首屏加载速度提升60%，用户投诉率下降40%
获评公司年度优秀项目
项目二：酒店智能客控系统（深圳市思想家电子科技有限公司）
项目周期： 1.5年
担任角色： 前端负责人 / 架构设计
技术栈： Vue3 + Element Plus + Pinia + Vue Router + uni-app + ECharts + WebSocket
项目描述：
针对酒店/公寓行业打造的智能化客房控制系统，实现客房设备（灯光、空调、窗帘、电视、门锁等）的集中管控、远程操控、能耗监控与自动化场景联动。系统包含Web管理后台 + 微信小程序，服务于前台、客房服务、管理层多角色用户。
核心功能与技术亮点：
设备管理模块
支持灯光、空调、窗帘、电视、门锁等设备的接入与配置
设备状态实时监控，在线/离线/故障状态可视化
批量操作：一键开关全部楼层设备
场景联动控制
预设"入住、退房、睡眠、起床、阅读"等场景
自定义场景规则编辑器（设备联动逻辑配置）
一键切换场景，设备状态批量变更
能耗监控与分析
实时统计各设备用电量，生成日报/月报
能耗异常预警（如空调长时间未关）
数据可视化：ECharts展示能耗趋势、同比环比分析
客房状态管理
可视化房态图：展示房间占用、设备运行状态
颜色标识：空闲/入住/打扫/维修状态
支持批量开房、退房操作
工单系统
设备故障自动报修，生成维修工单
工单流转：创建 → 分配 → 处理 → 验收
消息推送：微信小程序实时通知维修人员
数据分析看板
多维度数据展示：入住率、能耗趋势、设备在线率
报表导出：Excel/PDF格式
自定义看板：管理层可配置关注指标
技术架构亮点：
组件化开发
封装通用业务组件：设备卡片、场景配置器、数据表格、房态图
组件复用率60%+，提升开发效率40%
统一设计规范，保证UI一致性
实时通信方案
WebSocket实现设备状态秒级同步
心跳检测 + 断线重连 + 降级轮询
消息队列缓冲，避免高并发丢失数据
复杂表单设计
动态表单引擎：支持设备参数自定义配置
表单联动：设备类型切换时动态渲染参数字段
校验规则：多层级表单校验，防止错误配置
大数据量优化
虚拟滚动表格：支撑万级设备列表流畅展示
分页加载 + 数据缓存
前端数据过滤，减少后端压力
多端适配
uni-app一套代码编译小程序 + H5
响应式布局：适配PC、平板、手机
小程序分包加载，控制包体积
我的职责：
主导前端架构设计，制定技术方案与开发规范
核心模块开发：设备管理、场景控制、能耗监控、房态图
与后端对接API，参与需求评审
性能优化与兼容性测试
代码审查，
项目一：IPTV系统EPG电子节目指南（UT斯达康）
项目周期： 2年
担任角色： 前端开发工程师 / 核心开发
技术栈： Vue2 + Vuex + Vue Router + Element UI + ECharts + WebSocket + Axios
项目描述：
为国内外电信运营商打造的IPTV电子节目指南系统，支持海量节目内容的展示、实时推送、用户交互等核心功能。系统覆盖直播频道、点播视频、回看节目、节目预告等模块，服务于百万级终端用户。
核心功能与技术亮点：
节目列表与导航系统
实现7天节目单展示，支持按频道、分类、时间筛选
虚拟滚动优化，单页展示1000+节目条目流畅无卡顿
频道切换动画效果，提升用户体验
实时数据推送
WebSocket长连接实现节目状态实时更新（正在播放、即将开始）
心跳机制保障连接稳定性，断线自动重连
降级方案：WebSocket失败时切换轮询模式
数据可视化与统计
ECharts展示频道收视率、用户观看时长分布
热力图展示热门时段节目分布
实时在线用户数监控大屏
多终端适配
响应式布局适配机顶盒、PC、移动端
遥控器按键导航优化（方向键、数字键）
焦点管理，支持键盘快速切换频道
性能优化
路由懒加载，首屏加载时间优化至2秒内
图片懒加载 + CDN加速
组件按需引入，打包体积减少40%
我的职责：
主导EPG前端架构设计，从jQuery迁移到Vue生态
开发核心模块：节目列表、搜索、详情页、用户中心
与后端对接API，设计统一数据格式
性能优化与兼容性测试（支持多品牌机顶盒）
编写技术文档，培训团队成员
项目成果：
系统稳定运行3年+，服务500万+终端用户
首屏加载速度提升60%，用户投诉率下降40%
获评公司年度优秀项目
项目二：酒店智能客控系统（深圳市思想家电子科技有限公司）
项目周期： 1.5年
担任角色： 前端负责人 / 架构设计
技术栈： Vue3 + Element Plus + Pinia + Vue Router + uni-app + ECharts + WebSocket
项目描述：
针对酒店/公寓行业打造的智能化客房控制系统，实现客房设备（灯光、空调、窗帘、电视、门锁等）的集中管控、远程操控、能耗监控与自动化场景联动。系统包含Web管理后台 + 微信小程序，服务于前台、客房服务、管理层多角色用户。
核心功能与技术亮点：
设备管理模块
支持灯光、空调、窗帘、电视、门锁等设备的接入与配置
设备状态实时监控，在线/离线/故障状态可视化
批量操作：一键开关全部楼层设备
场景联动控制
预设"入住、退房、睡眠、起床、阅读"等场景
自定义场景规则编辑器（设备联动逻辑配置）
一键切换场景，设备状态批量变更
能耗监控与分析
实时统计各设备用电量，生成日报/月报
能耗异常预警（如空调长时间未关）
数据可视化：ECharts展示能耗趋势、同比环比分析
客房状态管理
可视化房态图：展示房间占用、设备运行状态
颜色标识：空闲/入住/打扫/维修状态
支持批量开房、退房操作
工单系统
设备故障自动报修，生成维修工单
工单流转：创建 → 分配 → 处理 → 验收
消息推送：微信小程序实时通知维修人员
数据分析看板
多维度数据展示：入住率、能耗趋势、设备在线率
报表导出：Excel/PDF格式
自定义看板：管理层可配置关注指标
技术架构亮点：
组件化开发
封装通用业务组件：设备卡片、场景配置器、数据表格、房态图
组件复用率60%+，提升开发效率40%
统一设计规范，保证UI一致性
实时通信方案
WebSocket实现设备状态秒级同步
心跳检测 + 断线重连 + 降级轮询
消息队列缓冲，避免高并发丢失数据
复杂表单设计
动态表单引擎：支持设备参数自定义配置
表单联动：设备类型切换时动态渲染参数字段
校验规则：多层级表单校验，防止错误配置
大数据量优化
虚拟滚动表格：支撑万级设备列表流畅展示
分页加载 + 数据缓存
前端数据过滤，减少后端压力
多端适配
uni-app一套代码编译小程序 + H5
响应式布局：适配PC、平板、手机
小程序分包加载，控制包体积
我的职责：
主导前端架构设计，制定技术方案与开发规范
核心模块开发：设备管理、场景控制、能耗监控、房态图
与后端对接API，参与需求评审
性能优化与兼容性测试
代码审查，
立即沟通
