1、熟练掌握HTML5、CSS3、JavaScript等技术语言。
2、熟练掌握vue、vuex、vue-router、vue-cli、pinia、axios、element-ui、uni-app等工具库。
3、熟悉typescript,熟悉Node.js、Express、nuxt.js框架,熟悉nginx环境搭建配置,熟悉Linux基本操作命令。
4、对JAVA语言、Android应用开发有一定了解。
5、能够独立完成电脑端、手机端前端开发。
6、有前端项目架构、项目设计经验。
手机端数据上报工具
项目定位:跨平台数据采集与可视化工具,支持离线场景下的多媒体数据上报及实时图表分析
技术栈:Uni-app + Uni-UI + uView2.0 + SQLite(本地数据库)
● 跨平台数据持久化方案
基于SQLite设计本地数据库架构,实现上报数据、媒体文件元数据、用户操作日志的三级存储体系
离线优先的数据管理
● 设计双模式同步策略:
强网环境:实时上报+本地备份
弱网环境:本地存储+定时批量同步
开发数据冲突解决机制,通过时间戳+版本号对比,自动合并或提示用户选择
信息资源整合平台
项目定位:政府/企业级数据治理中枢,实现数据上报、监控、整合、考核全流程数字化管理
技术栈:Vue2 + Element-UI + Vxe-Table + ECharts(数据可视化)
● 前端架构设计与落地
主导技术选型,采用Vue2构建响应式前端框架,集成Element-UI快速搭建标准化UI组件库,通过Vxe-Table实现百万级数据表格的高性能渲染
设计模块化开发方案,将系统拆分为数据上报、监控看板、质量治理等6大功能模块,降低代码耦合度
● 公共组件体系化建设
封装30+可复用业务组件(如动态表单生成器、多级联动筛选器、数据导出工具等),统一接口规范,提升团队开发效率50%,编写组件使用文档与Demo示例,建立前端开发规范库,减少新人上手成本
● 数据统计服务模块开发
构建多维数据统计看板,支持实时数据聚合、钻取分析、可视化配置等功能
低代码页面生成平台
项目定位:面向后端开发人员的可视化页面配置工具,通过数据对象驱动实现零代码生成标准CRUD页面
技术栈:Vue3 + TypeScript + Element-Plus + Vxe-Table + Pinia + ECharts + TinyMCE-Vue + uni-app(移动端)
● 架构设计与技术选型
首次在团队引入Vue3 + TSX开发模式,利用Composition API实现组件逻辑复用
设计"数据对象驱动"架构,将页面拆解为对象元数据(名称/代码/组件映射)和配置规则两层,支持通过JSON Schema动态生成表单/表格
动态页面加载引擎开发
实现基于TSX的动态组件加载机制,通过解析数据对象的components字段(含字段类型、校验规则、联动关系等)自动渲染对应UI组件
开发智能组件映射器,将后端API字段类型(String/Number/Date等)自动转换为前端组件(Input/Select/DatePicker等),减少80%的重复配置工作
● 可视化配置体系构建
封装15+可配置业务组件(含高级表格、富文本编辑器、图表看板等)
创新设计"配置即代码"模式,允许开发者通过JSON编辑器直接修改生成规则