熟练掌握html5、css3实现前端页面的开发布局,熟练掌握弹性布局,能独立完成各类常见网站搭建以及 移动设配
熟悉JavaScript和Es6语法,能完成数据逻辑处理以及用户交互效果
熟悉使用Ajax进行前后端数据交互,掌握常见的跨域解决方案
熟悉使用Vue全家桶,使用VueCli、VueRouter、Vuex配合Axios进行项目开发,使用ElementUI进行快速布局
熟悉小程序和UniApp开发流程
1、电商后台管理系统
项目描述:该项目是一个电商的后台管理系统 用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能(增加、删除、修改、查询)对用户操作权限进行分配。
技术栈:Vue2 +Vue-router +Element-UI +Axios+Mock +Echarts+Less
1.基于Vue2全家桶进行开发,样式使用Element UI 作为框架,实现组件化,模块化开发
2.对Axios的二次封装配合后端进行数据请求及借用Mockjs生成假数据模拟后台数据和接口
3.使用Echarts将用户分布,商品销售,订单统计等数据进行可视化展示
4.使用token对用身份进行验证,使用localStorage存储token,通过路由守卫实现登录拦截
5.对角色模块的增删改查,及角色下权限的动态分配管理,支持树形结构展现角色权限
2、移动端聚乐购商城
项目描述:该项目是线上的一个移动端购物商城包括首页 专题页面 分类页面 购物车页面 我的页面 以及子页面 搜索列表页面, 商品列表 商品详情页面, 订单页面,项目优化:路由懒加载 图片懒加载 对文本框进行了防抖防止多次请求
技术栈:Vue2+Vant2+Vuex+Vue-router+Axios+Less
1. 基于Vue2全家桶进行开发,页面架构运用Vant库以及flex弹性布局
2.以375的设计稿 使用rem移动设配开发
3.对于复用性高的组件抽取出来使用动态传值等方式进行数据的变化
4.使用二次封装Axios 进行前后端数据交互
5.引入Vuex模块化管理完成组件的数据传递
6.使用Vue-router来配置路由,实现组件页面间跳转,使用路由守卫对于添加商品和点击购物车页面
没有Token的情况下跳转到登录页面
7.封装判断是否登录的全局函数
8.实现在未登录的状态下添加商品和点击购物车页面跳转到登录页面 登录后会跳回到原页面
9.通过用户的判断是否对购物车进行 修改商品的数量,规格,以及全选,单选结算功能