1. 熟练掌握 HTML5 和 CSS3 的新特性,如:语义化标签、本地存储、过渡等;
2. 熟练掌握 flex 布局、Bootstrap 响应式布局、双飞翼布局等多种经典布局方案,移动端适配、一像素物理边框等问题;
3. 熟练掌握 JavaScript 事件轮询机制以及闭包、原型、继承、原型链等;
4. 熟练使用 Vue、Vuex、Vue-Router 等技术栈进行项目开发;
5. 熟悉 Vue 响应式原理:数据代理、数据劫持、数据双向绑定;
6. 熟悉 CommonJS、ES6 模块化规范,熟悉使用 Git 进行项目版本控制;
7. 熟悉自动化构建工具 Webpack 打包流程以及基本配置;
8. 熟练使用微信小程序以及 uni-app 框架开发小程序;
9. 熟悉使用 Node.js,Express、mongoDB 实现服务器端功能,访问数据库的基本使用;
10. 熟练使用 Vant、MintUI、Antd、ElementUI、Bootstrap,等UI 组件库;
11. 熟悉 React、Redux、React-Router 技术的基本使用;
12. 熟悉 HTTP 协议及同源策略,熟悉跨域解决方案,如:CORS、代理等;
13. 熟练使用 Ajax 及 Ajax 类库 axios、Fetch 等进行前后端数据交互;
项目一: 斑马旅游网(pc 端)
项目描述: 本项目是专注于提供个性化旅游服务的网站,为广大旅友提供高品质服务,如接送、导游等服务。
责任描述: 负责首页、用户登录页面布局及交互功能
涉及技术:
1. 使用 vue-cli 配置项目进行组件化开发
2. 通过 Swiper 实现首页轮播图效果;
3. 利用 localStorage 实现搜索栏的历史搜索记录;
4. 利用 vuex 集中式状态管理工具实现多组件传递数据;
5. 使用 vee-validate 插件进行登陆的表单验证 ;
6. 使用 vue-router 路由前置守卫 beforEnter,判断用户是否登录,改变页面流程;
项目二: 小红唇商城(移动端)
项目描述: 项目主要使用 Vue 框架开发,小红唇构建了以泛美妆网红达人为核心,以短视频+图片为媒介,聚集优质用户的高活跃社区.
责任描述: 负责首页、登录页、搜索页的开发
涉及技术:
1. 使用 lib-flexible 解决移动端适配问题;
2. 使用 mockjs 模拟后台数据接口;
3. 通过 better-scroll 实现首页导航左右滑动,首页上拉刷新加载功能;
4. 二次封装 axios 统一处理数据与异常,提高开发效率;
5. 通过 import( )引入,实现页面 vue-router 路由懒加载,以及vue-lazyload实现图片懒加载;
6. 通过 localStorage 存储用户 token,与后台进行交互,获取用户登录信息;7. 使用 vue-virtual-scroll-list 虚拟列表,不必渲染首页所有列表项;
项目三: 云加后台商品管理系统(pc 端)
项目描述: 项目主要使用 vue+Element 开发,处理公司业务数据,用户管理,角色管理,权限管理,商品信息管理等
责任描述: 负责页面布局和数据交互,商品信息 CRUD
涉及技术:
1. 使用 vue-cli 脚手架初始化项目,配置代理解决跨域问题
2. 利用 element-ui 完成基本页面布局以及交互
3. 使用 axios 二次封装 ajax 请求,发送请求,获取商品信息数据;
4. 根据用户权限动态创建后台导航,封装函数判断用户菜单权限;
5. 使用 lodash 的(cloneDeep)深拷贝对 form 表单数据处理,防止影响原数据
6. 通过 vue-lazyload 对商品进行图片进行懒加载;
7. 实现性能优化,如事件委托及函数节流防抖等;
8. 代码优化,配合测试人员完善 bug;
项目四: 小红唇 Plus(小程序)
项目描述: 全球变美好货聚集地, ,查看个人订单,还有贴心变美顾问一对一服务。
责任描述: 负责我的订单、地址管理、意见反馈的页面开发
涉及技术:
1. 利用小程序 button 组件的 open-type 属性获取获取到用户信息;
2. 利用 wx.login 获取登陆凭证,利用登陆凭证和 appId 以及appsecret 获取用户openId;
3. 在 app.json 中配置分包和分包预下载,提高用户体验;
4. 使用小程序的数据缓存将信息存在本地;
5. 对微信原生 API wx.request 进行二次封装,使发请求更加方便以及便于管理;