根据UI设计图高效构建PC或移动端静态页面;
深入了解JS运行机制,对浏览器底层原理有深入了解
提出对项目的策划构建方案,实现多种组件的设计复用,获取符合需求的业务组建;
对vue、react底层源码了解,并熟知实现原理;
对前端性能优化、网络安全、浏览器兼容问题有一定的应用和思考;
具有小程序开发经验,熟悉多源开发工具;
熟悉git协作开发、版本控制、分支管理,对前端代码检测有一定了解
后端Node.js、express能够了解原理及机制
项目名称:有道员工管理系统(PC端)
项目描述:随着公司的壮大,公司原先的人员已经不能满足市场的需求,在企业大力扩招的同时。为
了便于公司成员的管理,研发了此项目,主要功能模块包括人员管理、订单管理、促销管理、业绩看板。
技术选型:React+Hook+Ant Design+Redux+Axios+addRoute
项目负责:
1、对UI设计图进行100%页面还原。
2、添加路由权限,进行页面划分,实现不同员工对应不同的管理权限。
3、利用状态管理工具对员工数据进行统一管理。
4、storybook工具进行组件管理,对组件目录级别完成切分。
5. 项目打包上线的部署与优化
项目难点:
1.权限设计与实现,由于项目中针对不同登录角色(主管、组长)需设置不同的权限登录,通过在后端登录后携带token,查询到userinfo,需封装过滤路由函数,动态添加对应得权限,对按钮级权限也需要控制,同时处理刷新权限参数丢失情况
项目名称:有道云辅导(PC端)
项目描述:公司为全面提升用户体验和学生听课效率,自主开设有道云辅导项目,来帮助辅导老师来进行全面的学生直播
教学+答疑解惑+课外知识点提升等内容
技术选型:React+Hooks+video-React+react-dnd+axios
项目负责
1、使用Antd pro进行项目搭建。
2、利用了video-React来实现播放器的引入,。
3. 利用jest、react-testing-library、react-hooks-testing-library完成编写测试
4、根据react diff算法原理实现代码性能优化
5、使用nginx实现项目部署、打包上线
项目难点:
页面会偶尔出现渲染异常情况,页面白屏,这边我独立进行渲染异常分析,制定出预防、兜底方案,进行对应监控渲染异常的高阶组件封装,打包,从而降低渲染异常率75%
项目名称:高途体验课(小程序)
所用技术:微信开发工具
项目描述:PC端和App端主要负责于正价课的用户板块,微信小程序轻便快捷,因为开发周期较短,
所以公司利用小程序来进行引流。
项目负责:
1、利用wxml和wxss完成小程序的页面布局和搭建。
2、使用tabBar设置底部的导航,实现选课和我的两个页面跳转。
3、与后端数据进行对接,完成页面的渲染。
随着社会的进步和发展,每个公司都有者自己的后台管理系统,负责统计公司的信息统计,数据管理,等等问题,这样可以有效的管理公司。此项目就是根据这个背景,不同权限等级的管理员通过登陆,渲染出不同的菜单权限,管理自己可操控权限的员工信息,有效的提高了公司的信息统计。
此项目是基于react的商品展示app购物页面,这边我主要负责进行页面商品购物展示、跳转详情页、加购等功能设计,实现多产品的购买和订单地址添加