1.熟练掌握 HTML、CSS 进行页面布局,理解HTML标签语义化,高效还原静态页面,熟悉W3C标准,能够根据设计图快速转化为页面,并实现交互;
2.熟练原生JavaScript,ES6 新语法新特性,熟练使用jQuery库,以及webpack打包工具
3.熟练Vue2.0,axios, vuex, ElementUI,vant、Swiper等;
4.熟练使用vscode,photoshop前端编程软件
5.熟悉git版本管理以及npm依赖管理工具
6.用过微信小程序和uniapp团队开发过简单项目
7.了解前端开发对视觉设计,用户体验,页面性能的重要性
8.目前在自学vue3.0、react和ts
项目名称:琇风商城
项目描述:客户是一家集工厂一体化采购的贸易有限公司,经营办公设备、文具用品、五金机电、办公家具用品等;琇风商城就是根据客户的要求而打造的一个购物平台,方便满足其用户购物多方面的需求
技术栈:vue2.0、vant-ui、vuex、axios
责任描述:
1.通过navigator.userAgent获取浏览器信息,加上屏幕宽度,location.href=””,来进行页面跳转
2.首页上方搜索框,输入内容能够实时展示提示内容,这个做有防抖,下方是个轮播图用的是vant-ui组件库写的
3.然后列表页是一个瀑布流布局,是两个li浮动,然后往高度最矮的里扔商品,扔一次再重新获取最矮的li,反复操作,有图片懒加载,利用插件vue-lazy
4.长列表的性能优化:冻结数据object.freeze()
5.分类页:左侧是可以上下滑动的分类,右侧是每一类的详细产品,筛选功能:后端返回所有数据,前端根据业务逻辑来进行相应的数据处理
6.购物车页面:需要登录拦截,如果登录的话就进入购物车,没有登录的话就跳转到登录页,这时候如果是进入支付页面后,库存是减少的,是放在暂存区存了起来,如果支付成功,暂存区的数据减少,如果支付失败,暂存区的数据恢复,是通过计算属性实现商品金额的变化