1.熟练掌握 HTML、CSS、JavaScript、Typescript 以及 AOP、FP 等设计思想
2.熟练Vue和React技术栈和实现原理,熟悉node,webapck,vite模块化,工程化;
3.丰富的跨端开发经验,熟悉uni-app,pwa,electron等开发框架。以及公众号,小程序开发。
4.精通PHP,tp6,JAVA,熟悉mysql优化,redis使用,熟悉linux,shell命令;
5.低代码平台组件开发和架构设计,微前端框架qiankun使用
一.软件架构:vue3+elementui +vuex+JS+JAVA+qiankun(微前端框架)
项目描述:财务中台系统助力,实现企业数字化转型,协调和优化企业的财务管理流程。
负责模块:动态表单模块,流程引擎模块,国际化,用户权限,数据脱敏和加密,单一项目到微前端改造(qiankun)项目技术点:
1.动态表单组件规范性优化,提取公用基础样式组件(实现样式统一)解决样式不统一需要修改每个组件弊端;
2.流程模块节点功能扩展
3.国际化实现:由于动态表单是单独微应用,国际化实现需要通过对表单json结构解析,根据正则表达式匹配实现多语言替换
4.数据脱敏和加密aes实现和后端提起实现数据加密和解密,统一封装后在axios数据提交之前对数据进行加密,在数据响应后对数据进行解密,以及数据脱敏处理
5.单一项目到微前端改造:
由于长时间的开发,系统功能点越来越多,代码量也越来越大,导致系统庞大臃肿,构建速度变慢等问题,为了提供系统独立性,低代码编辑器的复用性,以及客户嵌入自己系统必要性,前端改造势在必行。
(1)根据系统功能分离出核心模块为独立子应用:架构平台(包括路由,菜单,数据字典,用户等),动态表单(低代码编辑器)。
二.软件架构:React +TS+Taro+TaroUI(跨平台+小程序+webapp)
项目描述:该项目根据PC数据结构实现移动端低代码财务中台,实现客户对财务单据快速审批管理,发票管理,权限管理,企业微信授权管理。
负责模块:登录模块(企业微信授权关联到系统用户),用户首页自定义常用模块,发票管理,单据管理,商旅预定,对接客户OA系。
项目技术点:
1.担任移动端前端技术组长,主导移动前端架构设计和技术选型(React +Taro+TaroUI)
2.主导移动端框架搭建和开发规范确定,基础框架搭建。(基础组件,基础类库),实现跨端开发。
(1)表单基础组件和公共组件封装实现(短文本,长文本,布尔值,下拉,金额,维度,模型,用户,部门,文件上传,图片上传,表单渲染器,全局提示框等);公共模块,函数封装等。
(2)基础框架搭建,跨端情况下技术难点解决:国际化方案实现,路由重新封装(react路由模式),多主题实现(由于小程序不
支持样式隔离),企业微信登授权登录
(3)代码规范使用eslint+prettier,编辑器统一使用vscode(保存代码时,自动格式化代码和eslint的基本修复),目录结构命名等统一规范。
(4)git管理和代码审查
3.主导移动端开发工作安排和推进
(1)模块开发资源和时间评估
(2)工作时间和人员安排
(3)工作进度推荐和模块验收
三.软件架构:vue2+js +php+mysql +php+redis (uniapp框架实现cpl平台注入)
项目描述:项目实现对接不同游戏在平台显示,实现cpl广告数据统计,以及游戏数据统计。
负责模块:登录模块,首页CPL,游戏详情模块,活动界面(种树小游戏)
项目技术点:
1.登录模块:客户端(安卓+IOS)获取到唯一标识,提供交互接口前端根据唯一标识进行登录操作(对接php实现后端接口)
2.游戏详情模块:客户端实现游戏软件是否下载,下载,安装,跳转外部app接口,前端对后端和客户端接口对接实现游戏在平台下载,安装,打开,卸载
3.游戏活动界面:前端canvas实现种树小游戏,需要UI配合实现浇水动画和树不同阶段图片,通过canvas实现种树小游戏;后端
php实现数据活动设计,包括数据库设计,树成长阶段设计等
4.uniapp:实现打开x游戏平台地址,提供js注入一些代码和注入实现方案(使用appendJsFile方法注入js );为对接平台游戏商家提供uniapp对接方案
四.软件架构:thinkphp5+html +jq+js
项目描述:项目通过接媒体和广告主实现广告投放,并进行广告投放数据监测统计
负责模块:RBAC权限管理,广告主管理,媒体管理,广告方式管理( cps ,cpc),广告实时统计,时,日,月,年统计等模块。
广告js生成。统计数据接口实现。
项目技术点:
1.广告实时统计优化:前期广告数据实时统计,数据量大的情况下一些判断逻辑导致统计卡顿,数据丢失等问题。后续对统计表进行垂直拆分(比如浏览器信息数据等大数据字段,不参与计算一些字段),并对表进行索引优化。项目后期数据达到每天千万级别,数据表统计优化成按日期新增表模式实现优化。
2.日统计数据优化:前期实现是通过实时数据进行统计,数据量大,接口返回慢,体验比较差。后续新增日统计表,实现日数据也实时统计来解决数据量大显示慢的问题。
角色 | 职位 |
负责人 | 高级前端工程师 |
队员 | UI设计师 |
队员 | 前端工程师 |
队员 | 后端工程师 |