1. web 方向:熟练使用 html、css、javascript、jQuery 等框架和各种工具如 webpack ,vue 全家桶等。
2. 熟练 Ajax 实现页面的异步加载,利用 Jsonp 解决跨域问题,进行前后端的数据交互;熟练使用 axios 请求后台数据,熟练使
用路由懒加载提高首屏加载速度,cdn 加速,压缩文件,减小打包文件体积等对项目进行优化
3. 熟练数据接口,精通移动方向开发;
4. 熟练主流移动 web 开发框架 Vue、uniapp;
5. 熟练 HTML5 和 CSS3 的新特性,并用来开发适配多种终端的 Web 应用;
6. 熟练 git、SVN 版本控制工具,SASS 预处理技术,实现敏捷开发;
7. 熟悉 http 协议,了解 php、nodejs 等后端语言,理解 MVC 框架,掌握 ES6 语法规范;
8. 熟练使用最新前端架构方案,有跨浏览器和跨设备兼容性开发经验及其解决方案;
9. 掌握 Bootstrap 等响应式页面设计;
10.熟悉使用react、antd5 UI组件库
1. 企业级 SaaS 平台前端升级与开发 (React + JavaScript + Ant Design)
* 项目时间: 2024年03月 - 2024年05月
* 技术栈: React, JavaScript, Ant Design v5 (由 v3 升级)
* 项目描述: 参与大型企业级 SaaS 平台的前端迭代开发与核心组件库升级工作。
* 核心职责与成果:主导 Antd v3→v5 全量升级
引入 Antd 动态主题能力,通过 CSS Variables 实现多租户 UI 配置实时切换,支持企业个性化定制需求。
* 主导 Ant Design v3 至 v5 升级: 负责制定升级方案,分析并解决组件 API 变更、样式覆盖、主题定制等兼容性问题,确保升级过程平滑稳定,无重大功能回归。成功将核心组件库迁移至最新版本,显著提升开发体验与现代性。
* 新功能模块开发: 基于 React 和 Antd v5,独立或协作开发平台新增功能模块,实现复杂数据表单、交互式列表、仪表盘视图等业务需求,注重代码复用性和可维护性。
* 性能与体验优化: 针对关键页面进行性能调优(如减少重渲染、代码分割、请求合并),优化用户操作流畅度,提升整体用户体验。
* 组件封装与规范: 根据业务需求封装高复用性 React 组件,并遵循团队代码规范,提升团队开发效率。
2. 综合 OA 系统开发与维护 (原生JS/jQuery + Vue2)
* 项目时间: 2022年 - 2024年 (持续维护与迭代)
* 技术栈: 原生 JavaScript, jQuery, Vue2 (单页面应用 SPA, 模块化开发)
* 项目描述: 负责企业内部综合办公自动化(OA)系统的功能开发、模块化重构及日常维护。
* 核心职责与成果:
Vue2 模块化重构
将 20+ 个 jQuery 模块 重构为 Vue 单文件组件,代码维护成本降低 50%。
实现 动态路由权限:基于角色自动注册路由,解决多角色用户菜单动态加载问题。
核心功能优化
开发 可视化流程设计器:集成 jsPlumb 实现拖拽式审批节点配置,流程配置效率提升 60%。
优化 消息实时推送:结合 WebSocket 与 Vue 响应式更新,确保待办消息延迟 < 500ms。
兼容性与性能
修复 IE 兼容问题:支持 IE11 及现代浏览器。
应用懒加载 + 资源压缩,首屏加载速度提升 45%(LightHouse 评分从 52→82)。
* Vue2 SPA 功能模块开发: 使用 Vue2 (Vue Router, Vuex) 进行单页面应用开发,实现如流程审批、任务管理、信息发布、通讯录等核心功能模块,提供流畅的局部刷新体验。
* 模块化与组件化: 对原有基于 jQuery 的页面进行模块化拆分和 Vue 组件化重构,提高代码组织性和可复用性,降低维护成本。
* 旧功能维护与优化: 维护和优化系统遗留的原生 JavaScript 和 jQuery 实现的功能模块,修复缺陷,提升稳定性和兼容性。
* 交互体验提升: 利用 Vue 的响应式特性和现代前端技术,改进表单交互、数据加载提示、错误处理等细节,提升用户操作效率和满意度。
3. 数据可视化监控大屏 (Vue3 + TypeScript + Vite)
* 项目时间: 2023年 - 2024年
* 技术栈: Vue3, TypeScript, Vite, ECharts
* 项目描述: 主导或核心参与业务数据监控与分析大屏项目的前端设计与实现,整合多源数据进行实时展示。
* 核心职责与成果:
搭建组件化拖拽平台:
设计并实现 可视化拖拽编排系统,提供 20+ 可配置公用组件(图表容器、筛选器、时间轴等),支持开发者通过拖拽方式自由组合大屏布局,降低搭建门槛 60%。
深度定制业务组件
针对复杂业务场景(如供应链监控),开发 5+ 高交互自定义组件:
封装 数据驱动更新机制:组件通过统一接口接入实时流,确保数据变更自动渲染。
超大规模响应式布局引擎
设计 动态缩放布局算法:基于 CSS Transform + 百分比基准单位,实现大屏在 4K/8K 等异形屏上的无损拉伸适配,布局畸变率 < 1%。
开发 画布自由缩放控制器:支持全局缩放(0.5x~2x)、局部聚焦、关键区域锁定,适配指挥中心多分辨率屏幕矩阵。
视频监控无缝集成
对接公司视频接口,开发标准化 VideoPlayer 组件,支持多路监控流一键嵌入、画中画切换,组件复用率 100%。
* 核心数据展示开发: 使用 Vue3 (Composition API) + TypeScript 构建大屏应用架构,负责核心数据可视化模块的开发,包括各类 ECharts 图表(如地图、折线图、柱状图、饼图、仪表盘等)的配置、渲染与交互实现。
* 视频监控集成: 实现视频监控流的集成与展示,确保视频画面在大屏布局中的稳定嵌入和播放控制。
* 实时数据对接: 通过 WebSocket 或轮询 API 与后端服务对接,实现关键业务指标(KPI)的实时数据更新与动态刷新。
* 响应式与自适应布局: 设计并实现适应不同分辨率大屏的响应式布局方案,利用 CSS Grid/Flex 和 ECharts 的响应式 API,确保在各种屏幕尺寸下展示效果清晰、美观。
* 性能优化: 针对大屏数据量大的特点,优化图表渲染性能(如数据采样、动画控制、懒加载),保障大屏运行的流畅性。利用 Vite 提升开发效率和构建速度。
1、旅游攻略后台的终极目标是促进旅游消费决策 2、外卖管理系统的本质是提升餐饮零售效率 生活服务超级平台 - 本地消费与出行服务集成方向
项目大屏页面展示了一个建筑项目的实时监控和管理信息。页面采用Vue3技术栈,通过拖拽式自定义组件和模块化设计,实现了高度灵活的界面布局。页面中包含了施工状态、项目进度、项目产值、危险工程、监控现场工作等关键信息模块。通过这些模块,用户可以直观地了解项目的施工进度、投资情况、施工质