【js】熟练使用 JavaScript 的 es6 新特性、dom 操作、原型链、闭包、class 继承类、事件轮询以及面向对
象思维
【程序语言】熟练 Vue2/3 全家桶,了解相关底层双向数据绑定、数组方法重写、组件化、自定义指令、diff
算法源码的设计思路
【程序语言】熟练使用 React、Redux、Hooks 以及与 vue2、3 设计模式,底层原理之间的优劣差异与设
计思路
【程序语言】了解 TypeScript、ArkUI、ArkTS 鸿蒙基本开发流程
【跨平台应用】熟悉 uni-app、混合开发以及原生微信小程序等发布相关审核流程;
【可视化】熟练使用 Echarts 与高德、腾讯图完成可视化大屏数据展示开发;有 canvas 原生技术绘图实现
对应功能的能力
【后端】熟悉 node.js、express 框架和操作数据库 mysql 包括事务、索引、锁、分库分表,具备一定调优
能力
【工程化】熟练掌握前端组件设计思想,有主导设计过部门内部前端组件的经验
【组织协作】具备较强的跨团队协作与推动能力,拥有独立开发能力,拥有服务器部署上线能力
【排险】针对生产环境遇到的问题,具有排查问题和定位问题的能力
项目名称:测试环境巡检
技 术 栈:Vue
项目描述:展示机器异常警告、资源分配、服务链路图等数据的大屏展示
负责内容:
1. 根据客户特定需求,独立开发数据可视化大屏页面,并通过数据懒加载,解决大量数据渲染问题,
页面加载速度提升 60%。
2. 使用 html+flex 实现页面排版布局,调研了常见的大屏适配方案,本项目中,采用 REM 方式进
行适配,通过 SCSS 函数实现
3. 了一个 REM 计算公式,实现了从 PX 到 REM 单位的转换,对每个图表均进行了字体、间距、位
移的适配。
4. 使用 ECharts 图表动态展示,G6 实现服务器直接链路展示图,
5. 使用 webSocket 进行用户消息推送
6. 大屏中的列表数据实时滚动展示,封装了无限滚动组件,使普通列表也支持连贯的无限滚动
价值产出:
1. 通过数据缓存、图表懒加载、分组请求显示进度条等方案优化大数据操作体验
2. 使用 Echarts 绘制复杂交互式图表,万级大数据量时候采用切片分段加载渲染数据,减少等待
loading 时间由 6s => 1.4
3. 对页面进行优化和调试,确保在不同浏览器上的兼容性和性能
4. 使用定时器实现 echarts 图表每隔几秒某一区域自动高亮以及高德地图自定义坐标点内容信息显示
项目名称:低代码平台
技 术 栈:React
项目描述:由于业务基础耦合,页面重复性较高,所以通过拖拽可以实现简单布局工具,可以把中心放到业务逻辑
上。
负责内容:
1. 编写软件详细设计文档和软件概要
2. 参与项目需求评估 ,结合业务需求 ,提供合理的解决方案。
3. 收集性能数据,防护主程序异常退出,提高系统的稳定性
价值产出:
1. 接入前端监控和实现埋点。帮助开发者了解项目的性能指标、用户行为和错误情况 ,以便进行优化
和改进。
2. 使用 hook 进行函数编程使用 state,在合适生命周期使用 hook 做性能优化
3. redux 做数据管理.,创建 createStore 仓库,基于 axios 的 Redux 网络请求层
4. 利用 iframe 天然样式的隔离性,实现两者之间直接交互。
项目名称:任务详情展示
技 术 栈:uni-app + node
项目描述:主要进行任务查询与进度展示
负责内容:
1. 编写软件详细设计文档和软件概要
2. 参与项目需求评估 ,结合业务需求 ,提供合理的解决方案。
3. 进行页面的设计与基本搭建
价值产出:
1. 用 node+express+mysql 作为后端的查询与数据保存
2. 利用 mobx、setStorageSync 进行用户数据的保存与共享
项目名称:音乐专辑
技 术 栈:ArkUI+ArkTS
项目描述:音乐列表展示与播放
负责内容:
1. 使用 ArkUI 进行页面布局
2. 使用 ArkTS 进行数据之间的逻辑处理
价值产出:
1. 基于栅格容器组件进行页面的响应式布局,实现一次开发,多端部署。
2. 基于 PersistentStorage 实现用户个性化设置的存储,基于 AppStorage 用户登录信息的数据
共享
. 根据客户特定需求,独立开发数据可视化大屏页面,并通过数据懒加载,解决大量数据渲染问题, 页面加载速度提升 60%。 2. 使用 html+flex 实现页面排版布局,调研了常见的大屏适配方案,本项目中,采用 REM 方式进 行适配,通过 SCSS 函数实现 3. 了一
表单生成,人员管理,流程的流转,在线编写word,xmind 流程图,人员数据统计、分析,表单页面的设计