-
099_github案例_列表展示
笔记 重要源码 public\index.html main.js App.vue components\Search.vue components\List.vue 笔记 将第三方 bootstrap.css 放在了 public 目录中，同时引入到 index.html 重要源码 public\index.html <!DO... -
window.Reflect
Window.Reflect 全面解析 1. Reflect 的基本概念 为什么要引入 Reflect？ 基本特性 2. Reflect 的静态方法 2.1 对象基本操作 Reflect.get() - 获取属性值 Reflect.set() - 设置属性值 Reflect.has() - 检查属性存在性 Reflect.delete... -
057_VueComponent构造函数
源码 如何体现 vm 管理着 各个 vc 呢? 源码 <!DOCTYPE html> <html > <head > <meta charset ="UTF-8" /> <title > VueComponent</title > <script type ="text/jav... -
048_引出生命周期
视频 生命周期函数： 源码 视频 https://www.bilibili.com/video/BV1Zy4y1K7SH?vd_source=c7e022f1b005d8bbc2b84031a67c0220&p=48 生命周期函数： Vue 在一些 关键的时间点 调用的一些 特殊的函数。 源码 <!DOCTYPE html> <h... -
parse()
JSON.parse() 简单介绍 🎯 🔍 基本作用 🚀 基本语法 📝 使用示例 1. 简单对象转换 2. 数组转换 3. 嵌套对象 ⚠️ 常见错误处理 使用 try-catch 安全解析函数 🎯 主要用途 ✅ 一句话总结 JSON.parse() 简单介绍 🎯 🔍 基本作用 将 JSON 字符串 ... -
highlight.js
highlight.js 库介绍 库的基本信息 使用场景 1. 代码示例 1.1 导入路径解析 2. 与完整导入的区别 2.1 完整导入（不推荐） 2.2 按需导入（推荐） 3. 完整的配置示例 3.1 基础配置 3.2 在 Vue 组件中使用 4. 自动高亮配置 4.1 全局自动高亮 4.2 Vue 指令封装 5. 支持的语言列... -
302 044.准备一个效果
笔记 源码 App.vue components\Count.vue components\LoveTalk.vue 笔记 准备的效果图: 为了配合源码熟悉解析请求服务器(https://api.uomg.com/api/rand.qinghua?format=json)返回数据的写法，我把视频中返回的数据结构截图如下 : 2025-1... -
3 编译 TypeScript
1. 命令⾏编译 2. ⾃动化编译 3. 脚手架 视频位置 TypeScript快速梳理_上篇 11:00 浏览器不能直接运⾏ TypeScript 代码，需要编译为 JavaScript 再交由浏览器解析器执⾏。 1. 命令⾏编译 要把 .ts ⽂件编译为 .js ⽂件，需要配置 TypeScript 的编译环境，步骤如下 第⼀步：... -
161_customRef
视频内容 视频内容 customRef 作用：创建一个自定义的 ref，并对其依赖项跟踪和更新触发进行显式控制。 实现防抖效果： <template > <input type ="text" v-model ="keyWord" > <h3 > {{keyWord}}</h3 > </template >... -
elegant-router
elegant-router 详细介绍 1. 是什么？ 1.1 核心定位 2. 核心特性 2.1 类型安全的路由 2.2 自动生成路由类型 3. 基本使用 3.1 安装和配置 3.2 在 main.ts 中使用 4. 路由跳转 4.1 类型安全的导航 4.2 查询参数和哈希 5. 高级功能 5.1 路由守卫 5.2 动态路由 5...