1、熟练html、css,能快速搭建符合W3C标准的页面;
2、项目中经常使用懒加载实现动态路由,WebStorage做缓存,以及了解其中缓存的原理,路由导航守卫控制页面访问权限,以及项目中常用的功能的封装;
3、项目中经常使用axios拦截器添加token验证,熟练HTTP原生的请求方法,restfulAPI请求方法,this.router.push,axios请求拦截器,vue-router路由导航守卫,token原理,WebStorage,HTML5离线存储技术;
4、熟练使用vue、uniapp、vuex、vue-router、axios、ElementUI、组件库与小程序开发、组件通信、数据双向绑定原理、单页面应用、虚拟DOM树;
5、熟练使用js、ES5、ES6、DOM、BOM面向对象编程思想,熟练ES6新特性、参数增强、解构、class、promise异步顺序执行以及ES7实现promise;
6、熟练使用盒子模型,弹性布局,响应式布局,css3动画和过渡;
7、熟练使用栅格布局、bootstrap函数库进行开发;
8、熟练解决适配问题和各个浏览器的兼容问题;
9、深入理解webpack热更新原理、模块化,熟练使用webpack打包,实现前端模块化;
10、熟练git代码管理工具。
项目一 :货捕头电商后台管理 (vue+ElementUI)
项目技术栈:Vue、ElementUI、Vue-router、vuex、axios、WebStorage。
项目描述:该项目是为货捕头电商开发的后台管理,涉及商品添加,用户添加,权限管理、订单管理、数据报表等。
项目职责:主要负责,登录、退出、用户添加,商品添加、商品分类、权限列表、权限分类,数据统计等。
项目经验: 1、使用element-ui组件库快速搭建项目架构;
2、按需引入element-ui组件,优化项目结构;
3、分析登录过程以及token的原理;
4、渲染登录组件,实现路由重定向;
5、登录退出,实现表单的重置功能;
6、使用表单验证组件,自定义验证规则。
7、从服务器获取数据,使用v-slot插槽,v-html等渲染到表格及页面中;
技术亮点: 1、路由导航守卫控制页面访问权限,配合keep-alive保持页面状态,减少反复请求服务器次数;
2、通过axios拦截器添加预处理token验证;
3、用户-角色-权限 三者之间的关系。
技术难点:
商品添加中,只许选中三级商品分类,使用递归获取到第三层时,this的指向发生变化,无法获取数据。
解决:使用ES7中async await 解决this指向。
项目二:货捕头网上商城
项目技术栈:CSS、js、Vue、Vue-router、vuex、axios、WebStorage、better-Scroll。
项目描述:货捕头网上商城是一个基于vue开发的移动端商城,具有以下模块,登录、注册、退出功能、商品列表、商品详情页、购物车页面、订单管理、购买支付功能。
项目职责:主要是负责登录、注册、退出功能、商品列表,商品详情页、购物车页面。
技术亮点: 1、mixin使用。
2、TabBar底部导航栏的封装、axios请求封装。
3、保存商品的数据结构设计。
4、滚动区域的bug解决。
5、回到顶部功能。
6、分类菜单吸顶效果。
7、利用时间总线实现非父子组件的通信。
8、点击标题滚到对应内容,滚动内容显示对应标题。
项目三 :方便便商城
项目描述:该项目是为货捕头电商开发的微信小程序,涉及导航栏,搜索功能,下拉选菜单,轮播图、商品简介、商品详情、订单列表、购物车、回到顶部、固定广告位、个人信息等功能。
项目职责:主要负责,登录、退出、TabBar、导航栏、轮播图。
项目经验: 1、全局配置文件代码的编写;
2、各种自定义组件的使用,组件的其它属性;
3、应用和页面的生命周期。