day0605

day0605

前后端联调
jsonserver
mockserver

区域滚动组件
iScroll
BetterScroll
必须学会

https://better-scroll.github.io/docs/zh-CN/

better-scroll 使用条件
1.添加scroll的元素必须要先DOM　ready
2.scroll的容器宽高一定小于内容的宽高
3.容器内必须包含唯一的一个子元素
4.width：max-content；解决子元素宽度问题
5.new Scroll()还得需要数据加载完毕，且渲染到DOM上

width：max-content；

改数据不会立刻渲染DOM，跟钩子无关

this.$nextTick

new Vue({
  // ...
  methods: {
    // ...
    example: function () {
      // 修改数据
      this.message = 'changed'
      // DOM 还没有更新
      this.$nextTick(function () {
        // DOM 现在更新了
        // `this` 绑定到当前实例
        this.doSomethingElse()
      })
    }
  }
})

lodash前端必用，排名第一

日期格式化工具 moment

布局方案（设备适配方案）

100%布局（弹性布局）

高度固定，宽度100%

适用于list列表

3个口诀

• 控件弹性
• 图片等比例
• 文字流式

REM布局（等比缩放布局）

vw，vh

1vw = windoe.innerWidth * 0.01 px

参照系是活的