学习视频一些杂乱的东西

文章目录

  • ref获取dom元素
  • 监听深层的某个属性
  • ? 可选链操作符 和 ?? 双问号表达式
  • v-slot 语法糖
    • 作用域插槽
    • 动态插槽
  • 初始化数组骚操作
  • 数字滚动 -> gsap
  • style妙招
  • 新奇的原型链 object.create
  • B站笔记链接
    • JS相关
    • 设计模式
    • ajax+scss
    • svg
    • vue3
    • webpack
    • 内存泄漏

ref获取dom元素

直接给dom元素加一个ref

<div ref="xxx">xxxdiv>

定义一个变量名,和dom上的ref一致

const xxx = ref()
console.log(xxx.value)

监听深层的某个属性

学习视频一些杂乱的东西_第1张图片
需要把其变成函数!

? 可选链操作符 和 ?? 双问号表达式

学习视频一些杂乱的东西_第2张图片
学习视频一些杂乱的东西_第3张图片
只操作undefined和null

v-slot 语法糖

取消使用 slot 和 slot-

不是具名插槽可以使用 #default

this.$slots 可以获取传过来的全部slot,用于判断很方便

作用域插槽

学习视频一些杂乱的东西_第4张图片
学习视频一些杂乱的东西_第5张图片

动态插槽

学习视频一些杂乱的东西_第6张图片

初始化数组骚操作

学习视频一些杂乱的东西_第7张图片
学习视频一些杂乱的东西_第8张图片

数字滚动 -> gsap

学习视频一些杂乱的东西_第9张图片

style妙招

css可以绑定js
学习视频一些杂乱的东西_第10张图片

新奇的原型链 object.create

学习视频一些杂乱的东西_第11张图片

B站笔记链接

JS相关

JavaScript基础教程【晓舟报告】
JavaScript进阶教程【晓舟报告】
千锋教育最新版Web前端ES6-ES13教程,JavaScript高级进阶视频教

设计模式

千锋教育web前端进阶JS内功修炼之JavaScript设计模式

ajax+scss

千锋教育JavaScript全套视频教程(10天学会Js,前端javascript入门必备)

svg

千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频

vue3

Vue3 + vite + Ts + pinia + 实战 + 源码 +elec

webpack

黑马程序员Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端学习核

内存泄漏

什么是js的内存泄露?常见的内存泄露有哪些?

你可能感兴趣的:(看视频,视频笔记)