熟练使用 Vue,熟悉生命周期、Vuex、vue- router 等;
熟悉原生 JS 原理,熟悉 ES5/ES6 特性;
熟练使用 git 版本控制工具进行团队合作开发;
熟练掌握 HTML5、CSS3 新标签用法熟练掌握 DIV+CSS 页面架构和布局方式 2 熟悉 AJAX 完成接口调用与数据渲染,实现页面逻辑;
熟练使用 elementUI、vant、swiper 、echart 等前端组件库进行项目开发;
熟练使用弹性盒布局、flex、rem 布局、媒体查询,能针对不同设备适配制作页面;
熟练使用前端存储技术,如 cookie、localStorage、sessionStorage 等; 2 熟悉 HTTP 协议,了解实战跨域等相关技术;
了解前端模块化开发;
了解 webpack 前端开发自动化工具;
了解 react 前端主流框架
一、项目名称:瑞琦商城
技术栈:Vue + Vue-Router + Vuex + Vant + Scss + Axios 项目描述:
2 1. 该项目是基于 VUE3.0 框架搭建的移动端电商类型平台;
2 2. 主要由首页、详情页、购物车、结算页、地址管理页、用户个人页面等板块组成;
责任描述:
2 1. 根据 UI 提供的设计稿进行项目页面的搭建工作;
2 2. 负责首页商品分类动态渲染和跳转详情页面;
2 3. 详情页面收藏、加入购物车功能;
2 4. 购物车页面功能模块、与其他页面逻辑交互;
2 5. 结算页面添加地址、切换地址、地址管理页逻辑交互;
使用技术:
2 1. 使用 vue-cli 脚手架搭建项目,使用 scss 预编译语言进行布局;
2 2. 使用组件模块化开发,达到组件的复用;
2 3. 使用 vant 组件库进行页面美化,如 Form 表单、Dialog 弹出框、NavBar 导航栏、
List 列表配合上拉加载下拉刷新、AddressEdit 地址编辑配合 Area 省市区选择、Card 商
品卡片、GoodsAction 商品导航等
2 4. 使用 vue-router 实现页面跳转及路由传参;
2 5. 使用 vuex 对全局所需的数据显示、操作、状态切换进行管理,实现数据共享;
2 6. 使用 axios 请求数据渲染页面,与后端实现数据交互;
2 7. 通过 localStorage 判断用户是否登录,进行页面显示、跳转权限管理;
2 8. 利用正则表达式进行登录和注册页面的 input 框输入验证,在短信验证登陆中使用了
防抖节流技术实现验证码不能在一定时间内再次发送的效果;
2 9. 通过全局守卫 beforeEach 控制跳转购物车与结算页面跳转权限;
2 10. 通过路由独享守卫 beforeEnter 控制结算页面只能由购物车页面跳转;
二、项目名称:小金信息管理服务系统
技术栈:Vue + Vue-Router +Vuex +Element-ui + Echarts+ Sass + Axios 项目描述:
2 1. 是一款基于 VUE2.0 框架搭建的 PC 端公司内部后台管理系统; 2 2. 主要功能模块有员工打卡、权限管理、产品需求管理;
责任描述:
2 1. 负责员工页面查询、修改局部个人信息、提交请假申请模块;
2 2. 负责管理员页面分级别查询、筛选、统计员工打卡、请假情况,新增/删除员工;
使用技术:
2 1. 使用 element-ui 组件库快速进行页面构建使用的组件有:Container 布局容器、 Cascader 级联选择器、DatePicker 日期选择器、Upload 上传、Form 表单、Table 表 格、Pagination 分页、NavMenu 导航菜单等;
2 2. 主页面使用 Echart 图表用于各项统计的数据可视化;
2 3. 权限管理通过判断设定的 type 值,对应不同的权限跳转不同的路由组件,渲染不同的
路由页面,进行对应权限的操作;
2 4. 员工个人信息页面使用 Upload 组件上传员工头像;
2 5. 使用 xlsx 插件实现管理员页面批量新增员工的功能;
2 6. 使用 token 并将其存入 cookie,保存用户信息,并对用户信息进行加密;
2 7. 在 vuex 中对全局所需的数据显示、操作、状态切换进行管理,将数据操作与视图相
分离,将项目拆分成不同的模块,提高代码的复用性与可维护性;
2 8. 使用组件生命周期钩子函数实现数据的渲染、监听等功能;
三、悦影电影
技术栈:Vue + Vue-Router + Vuex + Vant + Scss + Axios
项目描述:
2 1. 是一款线上购买电影票 app;
2 2. 主要展示不同类型的电影及详情介绍;
2 3. 根据不同城市动态显示当前城市有的影院以及上映电影;
责任描述:
2 1. 负责整个前端页面的搭建;
2 2. 负责首页轮播图、根据分类进行电影动态渲染;
2 3. 负责列表页面分类、排序、搜索、分页功能的实现;
2 4. 详情页面、选座页面、提交选座订单页面逻辑交互;
使用技术:
2 1. 根据 UI 设计稿,使用 div+css 快速构建前端静态页面,小图标使用阿里巴巴矢量图
标库展现,轮播图使用 swiper 插件实现
2 2. 根据后台提供的 API 接口文档,利用 ajax 异步加载技术请求数据,动态渲染页面,
更新数据;