学习视频一些杂乱的东西

文章目录

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

ref获取dom元素

直接给dom元素加一个ref

<div ref="xxx">xxx</div>

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

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

监听深层的某个属性

在这里插入图片描述
需要把其变成函数!

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

在这里插入图片描述
在这里插入图片描述
只操作undefined和null

v-slot 语法糖

取消使用 slot 和 slot-

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

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

作用域插槽

在这里插入图片描述
在这里插入图片描述

动态插槽

在这里插入图片描述

初始化数组骚操作

在这里插入图片描述
在这里插入图片描述

数字滚动 -> gsap

在这里插入图片描述

style妙招

css可以绑定js
在这里插入图片描述

新奇的原型链 object.create

在这里插入图片描述

B站笔记链接

JS相关

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

设计模式

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

ajax

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

svg

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

vue3+scss

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

webpack

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

内存泄漏

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/415516.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

黑马 Javaweb - MySQL 精华篇

我是南城余&#xff01;阿里云开发者平台专家博士证书获得者&#xff01; 欢迎关注我的博客&#xff01;一同成长&#xff01; 一名从事运维开发的worker&#xff0c;记录分享学习。 专注于AI&#xff0c;运维开发&#xff0c;windows Linux 系统领域的分享&#xff01; 知…

中小企业股权质押融资(下)

股权质押融资的主要风险 由于股权资产的特殊性&#xff0c;较固定资产抵押和质押、第三方担保等方式&#xff0c;股权质押融资风险易受企业经营状况等因素的影响&#xff0c;主要包括股权价值下跌的风险、股权质押的道德风险、股权处置风险以及现行法律不完善导致的法律风险。…

Python单元测试之道:从入门到精通

单元测试是软件开发中不可或缺的一部分&#xff0c;有助于确保代码的正确性、可维护性和可扩展性。在Python中&#xff0c;有丰富的工具和库可用于进行单元测试。本文将为你提供一个全面的指南&#xff0c;从入门到精通&#xff0c;轻松掌握Python单元测试的方方面面。 一、入…

高速CAN总线 A B节点竞争总线时 电压分析

CAN收发器放大图 前4步简化过程同<<高速CAN总线 A节点发送 B节点接收 电压分析>> A B节点同时发送显性电平 A B节点同时发送显性电平时 初步简化后如下图所示: 图① A B 节点同时发送显性电平, 则 4 个三极管全部导通, 假定三极管压降0.5V 则电路简化如下图.(导…

贵阳贵安推进“数字活市”战略成效明显

作者&#xff1a;黄玉叶 近年来&#xff0c;贵阳贵安将数字经济确立为高质量发展的主路径之一&#xff0c;把推进“数字活市”作为实施主战略、实现主定位&#xff0c;特别是建设“数字经济发展创新区核心区”的重要抓手&#xff0c;从改革、发展、民生三个维度纵深推进“数字活…

3 python快速上手

Python基础中的必备语法 1. 循环语句1.1 循环语句基本使用1.2 综合小案例1.3 break1.4 continue1.5 while else 2.字符串格式化2.1 %2.1.1 基本格式化操作2.1.2 百分比 2.2 format&#xff08;推荐&#xff09;2.3 f 3. 运算符3.1 运算符优先级3.2 面试题面试题 各位小伙伴想要…

Linux下安装Mysql【CentOS7 】

Linux下安装Mysql 一、Linux下安装Mysql-5.7.41【tar包下载安装】1.1.首先检查是否已经安装过mysql1.2.下载Linux版本的Mysql-5.71.3.解压缩1.4.安装执行 rpm 安装包需要先下载 openssl-devel 插件1.5.安装 Mysql5.7 执行 rpm 安装包1.6.Mysql相关操作命令1.7.查看Mysql-5.7 临…

使用emby在Nas群晖搭建一个私人影院

1、安装Emby 打开套件中心搜索emby并安装 2、新增一个共享文件夹 设置好&#xff0c;无脑下一步到应用 给emby赋予这个文件夹的读写权限 保存 3、打开emby service 选择媒体库

用 Python 制作可视化 GUI 界面,一键实现证件照背景颜色的替换

今天&#xff0c;我们来分享一下如何通过Python的十来行代码来替换证件照的背景颜色&#xff0c;那么在最后&#xff0c;小编也会将上述的流程制作成一个GUI界面来方便大家使用。关于界面的大致模样其实和先前的相差不大&#xff0c;大家应该都看过上一篇的内容 界面大体的样子…

Java String基础学习

目录 1、String的构造方法 2、String内存模型 3、字符串的比较 4、字符串的练习 1、用户登录系统 2、遍历字符串 3、统计字符次数 4、拼接字符串 5、字符串的反转 6、金额转换 7、手机号屏蔽 * 8、身份证信息查看 9、敏感词替换 5、StringBuilder 1、概念及练习…

Debian 10.13.0 安装图解

引导和开始安装 这里直接回车确认即可&#xff0c;选择图形化安装方式。 选择语言 这里要区分一下&#xff0c;当前选中的语言作为安装过程中安装器所使用的语言&#xff0c;这里我们选择中文简体。不过细心的同学可能发现&#xff0c;当你选择安装器语言之后&#xff0c;后续安…

【链路层】点对点协议 PPP

目录 1、PPP协议的特点 2、PPP协议的组成和帧格式 3、PPP协议的工作状态 目前使用得最广泛的数据链路层协议是点对点协议PPP(Point-to-Point Protocol)。 1、PPP协议的特点 我们知道&#xff0c;互联网用户通常都要连接到某个 ISP 才能接入到互联网。PPP 协议就是用户计算机…