1、 掌握HTML5、CSS3和原生JS开发,组件化开发,熟悉Sass、Less等css预编译语言,快速独立开发页面;
2、 熟练使用常见web开发框架,如Vue、React 、jQuery,封装独立组件;
3、 掌握前端调试技巧,能够有效的定位、分析和解决BUG;
4、 熟悉ES6新特性,了解常见JavaScript设计模式;
5、 掌握webpack配置,搭建前端开发架构,实现hash/history路由跳转控制;
6、 熟练使用Node.js开发,熟悉mysql操作语言,了解PHP语言和Nginx基础配置;
7、 熟练使用antd-design、element-ui、lay-ui、百度Echarts、富文本、data-table等常用插件;
8、 熟练使用git版本控制工具;
一、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交互方法统一配置,路由懒加载并模块化打包;
1. 前端小组组长,前端大量的自定义渲染表单筛选条件,动态渲染表格头部和内容; 2. 基于antd封装公共表单基础组件,提供后台检验错误智能提示,提供易用的API; 3. 封装公共导出表格数据组件,利用原生拖拽API实现字段拖拽排序; 4. 根据后端定义的表单类型,动态生成
1. 前端开发负责人,基于webpack从零搭建jQuery+layui搭建单页面前端自动化开发环境; 2. 采用art-template模板引擎,共有模板高效复用,减少页面开发代码; 3. 利用hash路由实现单页面跳转控制,结合art-template配置菜单权限码,渲染