一.vue-ele
1.路由跳转前设置下一个路由的meta属性
2.获取meta
3.几个可以放路由钩子的位置(页面滚动位置的保存)
4.package.json的cross-env设置
5.在模块中配置开发环境与线下环境之间切换(图片链接)
6.fetch/axios的封装(then().then().then())
7.异步操作处理(获取验证码与验证码已发送倒计时,表单验证)
8.缓存操作与页面跳转参数传递
9.es6新属性使用(扩展运算符(...)数据合并,商品修改操作)
10.自定义指令与mixin
11.滚动事件与滑动距离计算
12.跳出循环跳出当前代码块的方法
13.树形列表的交互与渲染
14.flexBox自动左右对齐:space-between
15.监听数据与数据的重新渲染(组件内,父组件与子组件)
16.购物车商品的新建与累加
二.vue-mkapp
1.项目架构:vue+vuex+router+axios
2.准备工作:vue-cli,基础样式(变量,函数)
3.jsonp插件封装成promise-jsonp,链接参数转化为对象格式
4.es6数据合并操作(Object.assign),创建默认参数文件
5.数据处理(热门截取,按首字母排序,数组转对象)
6.滚动列表索引点击获取,与列表滚动
7.手指滑动事件与滑动距离计算,滚动距离监听
8.dom元素高度集合计算,滚动当前索引计算,标题栏跟随移动距离计算(diff),ref元素dom操作
9.公用组件封装,参数传递,子组件的事件派发
10.vuex全局数据管理,方法映射
11.封装工厂方法
12.Math.max下限Math.min上限的使用
13.数据为空判断(对象null,数组length)与页面渲染
14.action对于mutation的封装
15.使用第三方css动画插件控制dom元素的动画(阶段控制)
16.auduio元素的事件方法,按钮状态切换(取反),计算属性的使用
17.当期加载ready事件-->ready:true-->非true则中断切歌方法
18.时间戳转时间格式,进度条关联控制时间
19.随机播发-打乱数组(遍历数组{[ i ]与随机[ j ]互换}),循环,按序模式切换
20.手指移动与左右页面切换
三.mp-demo
1.cart-数组的遍历与索引:单选,全选,增加,减少,删除,计算总价
2.封装请求函数,可传参数包括请求成功后的回调
3.手指滑动距离计算与悬浮球坐标改变
4.根据缓存判断,如果已收藏,那么遍历得到索引,根据索引从数组中删除(splice(i,1))