1.熟悉HTML5 CSS3 JS ES6 熟悉HTTP请求和Ajax,响应式布局和移动端适配,JS⾯向对象,原型原型
链,函数,闭包
2.熟悉 Vue 框架,使⽤ webpack 搭建 vue-cli 脚⼿架开发单⻚⾯项⽬,了解MVC&MVVM设计模式与模
块化开发流程,了解vue的双向绑定原理,diff算法,Vue的虚拟Dom,熟悉Vuex,Pinia等状态管理⼯具
3.了解React框架的基本使⽤,了解 React 生命周期,合成事件原理,虚拟 dom,diff 算法,fiber,mobox,
时间切片,事件处理等基本概念和技术,以及Redux React-router Antd
4. 了解egg,koa2 框架,并能够通过实现对 mysql 数据库数据的增加,删除,编辑,查看等以及拓展功能,
了解 node.js开发
5.熟悉canvas绘图,熟悉Echarts等插件,实现数据可视化,了解⼤屏适配⽅法
6.熟悉前端打包流程,webpack,可以进⾏私有化配置, Git 版本控制⼯具
7.熟悉Ajax、Axios 进⾏数据请求,可根据项⽬需求 次封装 Axios 进⾏请求拦截、响应拦截:
8.各种排序算法,可以对算法进行空间和时间复杂度的分析和优化;
9.了解堆,栈,链表,数组,对象,树等结构;
10.熟悉Promise,async/await等技术,了解ES6+ECMAScript标准。
11.熟悉常用UI框架和组件库,如Element,Antd,Ant Design等。
技术栈:vue3+element-plus+webpack-axios+pinia+vue-router+ts
项⽬简介:这是⼀个员⼯的后台办公系统,主要包含了⼈事调动,请假,绩效考核,权限管理等内容
1.使⽤element-plus进⾏组件化开发,实现了⽤户列表、个⼈信息修改、权限配置、⻆⾊管理,员⼯操
作等⻚⾯
2.利⽤Axios拦截器实现了权限判断,对管理系统的登⼊权限进⾏控制,通过配置http response
inteceptor,当后端接⼝返回401,让⽤户重新登录,避免了⽆效请求。
3.动态⽣成⽤户权限表,登录完成后,将⽤户信息存储在cookie,通过路由钩⼦函数获取动态路由信
息,递归解析后端路由,通过addRouter与基本路由信息进⾏拼接,存储到pinia,⽤于侧边栏显示
4.通过⼆次封装Element-plus的组件,在组件间实现复⽤,减少冗余度
5.⾸次⽩屏,绘制⻣架屏,通过监听onLoad事件,加载完成之后,在mounted()钩⼦中替换掉这张
图⽚。
6.使⽤pinia进⾏持久化存储⽤户信息
7.加载2000条以上数据导致⻚⾯卡顿,通过使⽤Vue Virtual Scroll List,将列表列表分为可⻅区域
和缓冲区域,超出这个范围的列表 DOM 都将被删除。
角色 | 职位 |
负责人 | 前端工程师 |
队员 | UI设计师 |
队员 | 前端工程师 |
队员 | 后端工程师 |