1、熟练使用 HTML、CSS快速搭建页面,了解 HTML5、CSS3 新特性、CSS预处理器;
2、熟练使用 模板字符串、箭头函数、解构赋值、扩展运算符 等ES6语法;
3、熟悉AJAX数据交互技术,了解JSONP、CORS、proxy代理等解决跨域方案;
4、熟悉ES6、CommonJS模块化;熟悉webpack项目构建工具的使用;
5、熟练使用vue、vuex、vue-router、element-ui等技术进行项目开发;
6、熟练使用swiper、bootstrap、lodash组件库,以及其它vue插件;
7、熟悉使用Git进行项目的版本管理;熟练使用npm/yarn包管理工具;
8、熟悉原生小程序的开发,熟悉uniapp项目开发;
9、熟悉前端性能优化方案,如:函数节流、防抖、路由懒加载、图片懒加载等;
10、了解postman的基本使用,测试后台接口;
11、了解Express、Koa,利用其搭建简单的服务;
12、了解Echarts的基本使用。
13、了解React、Vue3以及TS
项目一:商城前台
技术选型:vue、vue-router、vuex、axios、less。
项目描述:
是一个以蛋糕销售为主的购物平台,采用了B2C商务模式,pc项目模 块包含商城首页、商品详情、购物车、商品结算、订单列表、地址查询、登录和注册。
职责描述:
1、负责商品详情模块开发:展示商品详情、商品评论,商品搭配的选择, 商品规格的选择,加入到购物车功能,固定时间展示某个用户下单时间;
2、负责登录注册模块开发:前台表单验证,验证通过将收集的数据提交后台;
3、负责搜索模块开发:收集用户输入的关键字,跳转到搜索页面。
技术描述:
1、重写路由器的push和replace方法,解决路由重复跳转报错的bug;
2、利用路由的meta配置判断头部导航栏的显示与隐藏;
3、配置全局导航守卫,未登录不能访问结算等需要登陆的页面,保存强制 跳转到登录页的路径,登录成功后跳转到之前的路径;
4、使用vue-lazyload插件实现图片懒加载,优化用户体验;
5、使用props、自定义事件、全局事件总线等方式进行组件通信;
6、使用localStorage来持久化存储token,结合请求拦截器实现免登录。
项目二:后台管理系统
技术选型:vue、vue-router、vuex、element-ui、echarts。
项目描述:该系统面向商城的工作人员(管理员),管理员可以操作商品;分别有用户 管理、商品管理、权限管理。
职责描述:负责商品规格、搭配管理,路由权限管理,首页图形化展示。
技术描述:
1、使用element-ui快速构建页面及功能实现,使用深度选择器修改第三方样 式;
2、使用路由守卫判断用户信息,结合router的addRoutes方法动态添加路由 实现用户权限控制;
3、对axios进行二次封装,请求拦截器动态修改请求信息,响应拦截器对响 应数据及失败请求统一处理;
4、使用Echarts来对数据进行图表化展示;
5、二次封装el-button组件(有文本提示),通过$attrs、$listeners进行通 信;
6、使用vuex对项目数据进行多模块管理;
7、使用provide/inject、sync语法等方式进行组件通信;
8、对重复出现的结构样式封装组件实现复用,提高编码效率。
项目三:商城移动端
技术选型:vue、vue-router、vuex、vant、axios、less。
项目描述:包括商城首页、商品分类、商品详情、购物车、商品结算 、登录和个人中心等。
职责描述:
1、负责商品列表模块开发:动态展示商品列表,收集筛选条件提交给后台;
2、负责个人中心模块开发:搭建静态,实现路由跳转到其它页;
3、负责购物车模块开发:展示购物车列表,商品数量的增加、减少,商品 选中状态的改变,收集数据跳转结算页面。
技术描述:
1、amfe-flexible和postcss-pxtorem实现自适应移动端rem适配;
2、使用vant的van-field进行前台表单验证;配置按需加载降低代码体积;
3、使用better-scroll实现页面滑动效果及上拉加载数据;
4、使用函数节流对添加减少购物车数量进行优化,降低发送请求的次数。
项目四:个人博客
项目简介:主要包括博客前台、博客后台管理系统、node后端。
技术选型:
1、前台:vue3、vue-router、axios、less、ant-design、marked;
2、后台管理系统:react、react-router、react hooks、ant-design、marked;
3、后端:egg、mysql。
项目描述:
1、前台首页:展示相关分类文章,点击标题跳转到详情页展示文章;
2、前台详情页:根据文章id,获取文章内容,利用marked将markdown格 式解析成html标签,利用highlight进行高亮显示;
3、后台文章管理:对文章进行增删改查操作,用markdown格式编写文章;
4、后台文章分类管理:对文章分类进行增删改查操作。