1,熟练运用React.js框架开发以及React生态;
2,掌握Vue全家桶,熟悉语法,能够快熟上手;
3,熟悉antd,element UI框架,熟练使用moment,loadsh等工具;
4,能够使用echarts库完成项目数据可视化的需求;
5,熟练掌握ES5和ES6,能够很好的使用ES6特性优化代码;
6,熟练使用代码管理工具github,掌握git常用命令;
7,熟练使用ajax,axios,request等技术惊醒前后端交互;
8,熟练使用sass,less等预处理器,对CSS代码进行高效开发;
9,熟悉微信小程序开发;
10,了解node.js,java语言进行服务端应用开发;
项目一:
项目名称:保单管家(App)
项目周期:4个月
负责模块:主要负责登录注册、我的信息,我的贷款,保单缴费等模块
项目描述:该App是一款客户对保险业务的办理使用平台,客户需要办理保险业务的可以直接在该平台办理
技术架构:react+redux+react-router-dom+umi+antd-Mobile
技术要点:
1、参与项目需求分析及前端设计;
2、基于umi,antd项目搭建进行项目开发;
3、获取后台数据,渲染table数据表格,封装可编辑的Table组件,业务组件等
4、解决项目遗留中操作DOM导致页面操作卡顿问题,从操作Table的DOM到使用
数据进行驱动视图。
5、减少使用ref等非必要的非受控组件,减少用createRef每次更新组件都会生成
新的引用,而使用useRef代替,不会每次都更新。
6、使用useMemo,React.memo(),PureComponent等实现React性能优化。
项目二:
项目名称:myWm管理系统 (PC端)
项目周期:4个月
负责模块:主要负责首页,我的审批,修改密码,请假管理等页面。
项目描述:myWm管理系统是Web端的公司使用的后台管理系统,根据公司需要制定软件原型完成前 端项目开发,
技术架构:react+redux+react-router-dom+antd
技术要点:
1、使用umi框架搭建项目并完成项目的前端开发。
2、项目中共享数据存放于redux中,解决共享数据问题。
3、使用echarts插件封装柱状图、折线图、饼图等组件,以实现项目概览页数据迁
移页面数据的可视化。
4、项目采用 axios 进行前后端数据交互,封装全局请求以及响应拦截。
5、细化页面的组件,减少组件耦合性。
项目三:
项目名称:智慧果园 (PC端)
项目周期:4个月
负责模块:主要负责首页,果园动态,果树栽培,问答中心,我的果园等页面。
项目描述:该项目主要是为该公司在果农方面打造种植技术,销售,科学研究为一体的展示平台,
技术架构:vue+vuex+vue-router+ElementUI
技术要点:
6、项目使用了(vue+ElementUI)进行开发,使用vue-cli搭建项目骨架;
7、主要使用ElementUI实现各种功能,并搭配多种前端插件完成项目;
8、使用postman测试接口,使用axios完成前后端交互,使用scss预处理器完善页面样式,
9、使用vuex管理公共状态,使用vue-router配置路由,使用百度地图api配合生成ak码,获取 用户当前定位到具体城市;
10、在用户操作时使用layer等组件,响应用户操作,完善用户体验。
项目四:
项目名称:宝玛特商城(App)
项目周期:4个月
负责模块:主要负责登录注册、商品展示、个人中心等模块
项目描述:该App是一款购物商城,专注于为用户提供各种想要商品,可以选择自己想要的商品
技术架构:vue+vuex+vue-router+vant
技术要点:
1、主要使用了vue框架,使用vue-cli 脚手架搭建项目框架,自动配置webpack打包工具,配合Element、echarts等组件库;
2、使用vue-route进行页面路由配置,结合import组件引入实现组件懒加载;
3、使用vuex进行组件公共状态管理,解决多级父子组件传值问题,对用户状态实现动态管理;
4、使用vant中的AddressEdit对地址信息进行编辑管理;
5、使用postman工具测试接口,使用axios完成前后端数据交互,渲染页面。
负责模块:主要负责登录注册、我的信息,我的贷款,保单缴费等模块 项目描述:该App是一款客户对保险业务的办理使用平台,客户需要办理保险业务的可以直接在该平台办理 技术架构:react+redux+react-router-dom+umi+antd-Mobile 技术要点:
项目名称:云课外书 (App) 负责模块:主要负责书架,图书管分类,个人中心页等 项目描述:该项目主要是一款课外书阅读,用户可以在图书分类中选择想看的书籍阅读。 技术架构:react+redux+react-router-dom+antd-Mobile 技术要点: 1