1.熟练掌握HTML,CSS等知识,能够通过UI设计稿快速搭建出静态页面结构
2.熟练掌握原生JavaScript API,操作DOM BOM实现常见的应用开发
3.熟练掌握Ajax网络请求的知识,利用原生Ajax对Ajax请求进行过封装,了解JSONP的跨域请求以及JSONP的原理
4.熟练使用Vue前端技术栈(Vue.js、Vue-Router、Vuex、Axios、Vue-cli)进行项目开发
5.熟练掌握Promise,await, async try catch 等异步操作的知识,闭包、继承等特性,以及箭头函数,继承等ES6的基本语法
6.熟练使用Element UI、Vant前端组件库
7.熟练掌握移动端的flex布局,rem布局,响应式布局等布局技术,能够利用这些技术快速搭建出移动端的界面,熟练使用less,scss等css编译器,
8.了解移动端的多种动画原理,常见特效,小程序,ECHarts
9.熟练地使用Git版本管理工具
10.10.了解node.js基本语法和MySQL数据库
11.熟练掌握react
项目一:
项目名称:生鲜汇
项目介绍:为顺应时代潮流,很多电商网站运营而生,该项目就是一个综合性的B2C平台,类似于京东商城、天猫商城。用户可以浏览商品,加入购物车,登录用户可以下订单,评价商品等
技术栈:Vue.js、Vue-Router、Vuex、Axios、Vue-cli
负责内容: 首页模块、登录模块、详情模块、分类模块和购物车模块
技术实现:
1.首先该项目对axios请求进行了封装,利用axios.create方法对基础地址,接口请求超时时间进行了配置还在axios请求中封装了请求拦截器和响应拦击器,在响应拦截器中对登录超时做了处理,登录超时后,跳转到登录页
2.在首页模块实现了导航栏、轮播图、和商品图片信息的展示,抽离封装了导航栏组件和轮 播图组件
2在分类模块中封装了导航的展示,实现了点击导航栏实现路由的跳转,封装了面包屑导航组件,还解决了路由的缓存问题
3.在二级分离模块实现了商品列表的展示和动态查询,实现了tab栏的切换
4.在商品详情模块实现了商品详情数据的渲染和button组件的封装
5.实现了登录模块和突出登录的功能,实现了VueX统一管理用户数据
6.在购物车模块实现了VueX统一管理数据,实现了购物车的添加、删除、单选、多选、修改数量的功能
项目二:
项目名称:内部员工管理系统(PC)
项目介绍:该项目是人力资源管理系统,对企业内部员工进行管理和权限控制,项目一共分为登录模块,主页模块,组织架构,角色管理,员工管理,员工详情,权限点管理
技术栈:Vue.js、Vue-Router、Vuex、Axios、Vue-cli ,组件库element-UI
负责内容 : 登录模块,组织架构模块,角色管理模块,员工详情模块,权限管理
技术实现 :
1.该项目基于Element ui组件进行开发,整体架构是基于Vue-admin-template 进行 二次开发
2.使用vue-router实现路由管理,对路由进行了动态和静态的拆分再组合,封装了路 由的前置守卫组件,当用户跳转页面的时候实现用户的权限控制
3.通过RBAC(基于角色权限控制)设计思想实现不同级别用户访问到的页面菜单不同。
4.使用VueX实现用户权限数据和用户基本资料数据及全局状态数据管理
5.单独封装axios为独立模块,使用axios.defaults.baseURL配置基准地址,以及a xios二次封 装,使用async/await, 在vuecreated生命周期函数中进行数据请求
6.使用localStorage中持久化存储VueX中 token,xxx的数据
7.基于vue自定义分页组件,在数据页面进行翻页数据刷新、通过vue的指令v-model完成数据绑定,props进行父子通信,表单校验,进度条。
8.封装了树形数据处理文件,在开发组织架构页面的时候对后端返回的数据进行了树形 数据的处理
9.角色管理模块,利用Vue中的插槽技术实现了标签和数据的渲染
10.权限控制:获取某个用户已有的权限,利用filter方法过滤出用户已有权限的路由,利用addRoutes方法动态的添加到路由表中
项目三:
项目名称:北海新闻(移动端)
项目描述:该项目为新闻类的网站,分为登录模块,首页模块,搜索模块,栏目管理模块,文章列表模块,文章评论模块
技术栈:vant组件库,rem+flexible.js适配,axios网络请求库,Vue全家桶(vue-cli,vue-router,vuex,)
负责内容:登录模块,首页模块,搜索模块,栏目管理模块,文章列表模块,文章评论模块
项目职责:
1.该项目中是基于vant组件库进行开发的,实现了vant组件库样式的定制
2.利用postcss-pxtorem和amfe-flexible实现了rem适配
3.封装了axios请求,利用awaitTo技术实现了请求error的捕获
4.登录模块利用VueX和本地存储进行token的数据管理
5.首页模块利用vant组件库中van-pull-refresh和van-list实现了数据列表上拉加载和下拉刷新,利用dayjs封装了时间处理函数,对时间做了处理
6.搜索模块对搜索输入框进行了防抖和自动聚焦处理,利用replace方法对搜索关键字进行了高亮处理
7.栏目管理:利用数组的filter方法和findindex方法对未选频道进行过滤处理
8.文章列表模块对文章列表进行了组件的封装, 大数处理