演示地址:http://1.15.244.26/
git clone https://github.com/jrr997/shopmall.git
npm install
npm run serve
-
由于原生浏览器的滚动条无法实现拉到边界时回弹效果,停止滑动时的惯性向前运动效果,包括在移动端滑动时会有卡顿等效果,故而采用bette-scroll滚动框架解决,相关知识可以查询better-scroll官网[https://github.com/ustbhuangyi/better-scroll]:
-
项目运行在移动端时点击时会有300ms的延迟,主要是由于一次点击之后不会立刻触发点击事件会有300ms等待下一次点击,若在300ms内再次点击则触发双击事件,为此引入fastclick插件相关知识可以从官网了解[https://github.com/ftlabs/fastclick]:
-
为了保证用户对于网站的体验效果,故而采用vue-lazyload图片懒加载插件技术实现图片的动态加载,相关知识请了解官网[https://www.npmjs.com/package/vue-lazyload]:
-
为防止项目在不同屏幕分别率设备上绝对像素给用户带来不好体验效果,故而引入postcss-px-to-viewport,将项目的px值转化为vw,以适应不同设备的显示大小