0. 相关概念
1. 八爪图
对应用界面各个组成元素进行颜色/大小/颜色等进行标记
2. 图片Base64
css中引用的小图片, webpack在打包时会自动将其转化为样式内部的Base64编码字符串
适合小图片, 减少请求次数
3. @2x和@3x
不同手机的分辨率是不一样的, @x越大, 手机密度越高
iphone6是@2x, iphoneX是@3x
为了适应不同屏幕, 图的内容一样, 大小不一样
4.安装Vue调试工具
Vue.js devtools
1. 项目介绍
2. 项目描述
此项目为高仿拼多多Web App(SPA)
项目涉及技术
vue全家桶+ES6/7+Webpack+Node+MySQL+...
3. 项目涉及类库
前端页面层
vue+vue-router(路由)+vuex(状态管理)+vue-lazyload(图片懒加载)+mint-ui(界面构建)
vue开发必备
vue-scroller + better-scroll + animate + swiper
动画涉及库
数据交互层
mock.js + postman + ajax(axios)
项目工程化
vue-cli + eslint + webpack
