快速掌握 Vue 3.0 基础语法
经过两年多的迭代，Vue 3.0 终于在 9 月 18 日 发布了正式版，底层使用 TypeScript 进行大规模重构，有着很大的改变。Vue 3.0 采用 Composition API，类似 React Hook，使用更加灵活。 Vue 2.x...Vue 项目动态修改 DOM 的 CSS 伪类
在 Vue 项目中，如何动态修改某个 DOM 元素的 CSS 伪类的值？ 实现方法非常简单，其原理是使用 CSS3 的 var() 函数和 -- 变量。 如下代码案例，动态修改 .demo 元素鼠标悬浮时的背景颜色： 1234567891011121...JavaScript 数据结构与算法（十四）图
图的概念在计算机程序设计中，图也是一种非常常见的数据结构，图论其实是一个非常大的话题，在数学上起源于哥尼斯堡七桥问题。 什么是图？ 图是一种与树有些相似的数据结构。 实际上，在数学的概念上，树是图的一种。 我们知道树可以用来模拟很多现实的数据结构，...JavaScript 数据结构与算法（十三）二叉搜索树
二叉搜索树二叉搜索树（BST，Binary Search Tree），也称为二叉排序树和二叉查找树。 二叉搜索树是一棵二叉树，可以为空。 如果不为空，则满足以下性质： 条件 1：非空左子树的所有键值小于其根节点的键值。比如三中节点 6 的所有非空左...JavaScript 数据结构与算法（十二）二叉树
二叉树如果树中的每一个节点最多只能由两个子节点，这样的树就称为二叉树； 二叉树的组成 二叉树可以为空，也就是没有节点； 若二叉树不为空，则它由根节点和称为其左子树 TL 和右子树 TR 的两个不相交的二叉树组成； 二叉树的五种形态 上图分别表示：空...JavaScript 数据结构与算法（十一）树
什么是树？真实的树： 树的特点： 树一般都有一个根，连接着根的是树干； 树干会发生分叉，形成许多树枝，树枝会继续分化成更小的树枝； 树枝的最后是叶子； 现实生活中很多结构都是树的抽象，模拟的树结构相当于旋转 180° 的树。 树结构对比于数组&#...JavaScript 数据结构与算法（十）哈希表
认识哈希表哈希表是一种非常重要的数据结构，几乎所有的编程语言都直接或者间接应用这种数据结构。 哈希表通常是基于数组实现的，但是相对于数组，它存在更多优势： 哈希表可以提供非常快速的 插入 - 删除 - 查找 操作。 无论多少数据，插入和删除值都只需...JavaScript 数据结构与算法（九）字典
字典字典特点 字典存储的是键值对，主要特点是一一对应。 比如保存一个人的信息 数组形式：[19，"Tom", 1.65]，可通过下标值取出信息。 字典形式：{"age": 19, "name...JavaScript 数据结构与算法（八）集合
集合几乎每种编程语言中，都有集合结构。集合比较常见的实现方式是哈希表，这里使用 JavaScript 的 Object 进行封装。 集合特点 集合通常是由一组无序的、不能重复的元素构成。 数学中常指的集合中的元素是可以重复的，但是计算机中集合的元素...JavaScript 数据结构与算法（七）双向链表
单向链表和双向链表单向链表 只能从头遍历到尾或者从尾遍历到头（一般从头到尾）。 链表相连的过程是单向的，实现原理是上一个节点中有指向下一个节点的引用。 单向链表有一个比较明显的缺点：可以轻松到达下一个节点，但回到前一个节点很难，在实际开发中，经常会遇...