一、HCM管理系统PC端和H5端
1. PC端项目基于react+umi.js+dva+antd开发,H5端基于next.js+koa+antd-mobile+redux-saga;
2. 基于antd封装公共表单基础组件,提供后台检验错误智能提示,提供易用的API;
3. 利用react hooks封装公共导出表格数据组件,原生拖拽API实现字段拖拽排序;
4. 根据后端定义的表单类型,动态生成空白表单和回显编辑表单,一键切换查看/编辑模式,利用state监听模式实现数据缓存和请求;
5. 开发企业微信登录和钉钉免密登录功能,解决企业微信和钉钉的h5兼容性问题;
二、高客运营平台
1. pc端项目,基于webpack从零搭建jQuery+layui搭建单页面前端自动化开发环境;
2. 采用art-template模板引擎,共有模板高效复用,减少页面开发代码;
3. 利用hash路由实现单页面跳转控制,结合art-template配置菜单权限码,渲染dom前利用js控制菜单显示,并实现类似Backbone的events组件内事件绑定;
4. 封装百度富文本、地图等组件,利用canvas封装图片裁剪组件,实现一次裁剪多个尺寸图片并实时预览;
5. 封装反复使用的请求,利用缓存模式存储数据,减少接口的频繁调用;
6. 实现预览与输入框数据双向绑定等,解决项目在IE浏览器上一些显示的兼容性等;
三、HWP APP H5项目
1. 手机端混合开发H5项目,基于vue+muse-ui+vuex搭建h5开发环境;
2. 封装各类公共组件,配置axios公共参数,统一错误处理;
3. 基于muse-ui的表单组件二次封装,父子组件数据双向绑定,自定义表单校验规则,使用vuex实现多页表单数据管理;
4. 产品详情页采用了slot插槽,实现了页面动态渲染;
5. 基于video.js开发视频直播与回放功能,引入pdf.js实现pdf预览;
6. 封装微信二次分享方法,与APP交互方法统一配置,路由懒加载并模块化打包;