0%

虚拟DOM

🌈为什么需要虚拟DOM

目的:为了解决频繁操作 DOM 导致性能开销大的问题

方案:JS运算效率 远高于 操作DOM效率,所以把真实DOM树抽象成JS对象树,运用 patch 算法 来用JS计算出真正需要更新的节点,最大限度地减少 DOM 操作,从而显著提高性能

阅读全文 »

  • 传递给子组件的属性,如果不被子组件的 props 显示声明,都会存放进子组件的 this.$attrs
    • 直接给子组件传递事件,就能被父组件监听到,不需要通过子组件 $emit 触发
阅读全文 »

  1. input:checkbox 配合 label
  2. 外层用 div 容器包裹
  3. input 改 display: none ,label 改 display: blockopacity: 0
  4. 当选中 label 时,input 会把状态改为 checked
  5. 最后再利用 :checked 伪类选择器 和 input:checked + label 相邻兄弟选择器设置 label 的 opacity: 1
阅读全文 »