项目笔记

一.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)）