关于前端:前端日常笔记

1.CSS calc() 函数

calc() 函数用于动静计算长度值。运算符前后都须要保留一个空格，例如：width: calc(100% - 10px)；任何长度值都能够应用 calc() 函数进行计算；calc() 函数反对 "+", "-", "*", "/" 运算；calc() 函数应用规范的数学运算优先级规定 

2. Vue.set(target, propertyName/index, value)

    addclick() {if (!this.numlik.count) {Vue.set(this.numlik, "count", 1); // 例如点餐利用中，餐品从无到 1 数字的显示，触发视图更新
      } else {this.numlik.count++;}
    }

3.v-bottom-sheet API

相似轻量 UI 组件库，能够只利用其疾速 api 实现本人需要化的组件

  <v-bottom-sheet v-model="visible" width="7.5rem" overlay-opacity="0.7">
    <div>   
    </div>
  </v-bottom-sheet>

// 组件定制内容由你本人设计，然而外层管制这个 bottom 是否显示疾速交给 v -model="visible"，有 value 为布尔值传到最外层 v -bottom-sheet 来疾速实现可见和暗藏的决定。// 父组件的监听事件是 input，这个在 v -dialog 中有阐明，然而在 v -bottom-sheet 中没有。props: {value: Boolean,},
  computed: {
    visible: {get() {return this.value;},
      set(val) {this.$emit('input', val);
      },
    },
  }