// 定义基本数据类型 let str: string = 'title'; let num: number = 20; let bool: boolean = true; let obj: null = null; let undef: undefined = undefined; // 定义联合类型 let l: number | string; l = 100; l = 'title'; // 定义任意类型 let any_temp: any; any_temp = []; any_temp = '任意类型'; // 数组类型 let arr1: number[] = [1, 2,...

computed 准备写一个关于汽车销量的无序数组，并返回展示销量排名前3的。 <template> 销量总览： <ul> <li v-for="(car, idx) in carList" :key='idx' > {{ car.name + ' : '+ car.count}} </li> </ul> 前三销量： <ul> <li v-for="(car, idx) in topThreeList" ...

如果是列表循环，每一个元素有都有自己popover，那我们直接用popover循环即可，类似于： // HTML <el-popover v-for="tag in list" :key="tag.name" placement="top-start" title="标题" width="200" trigger="hover" :content="tag.type" > <el-tag slot="reference">{{ tag.name }}</el-tag> </el-popover> // JS l...

1. Excel 表列序号 给你一个字符串 columnTitle ，表示 Excel 表格中的列名称。返回 该列名称对应的列序号 。 例如： A -> 1 B -> 2 C -> 3 ... Z -> 26 AA -> 27 AB -> 28 ...   示例 1: 输入: columnTitle = "A" 输出: 1 示例 2: 输入: columnTitle = "AB" 输出: 28 思路：就是一个 26进制 转 10进制的题目，我们从高位开始遍历. 将 A-Z 转变成 1-26. 然后遍历第二位时...

1. 爬楼梯 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。 每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢？ 示例 1： 输入：n = 2 输出：2 解释：有两种方法可以爬到楼顶。 1 阶 + 1 阶 2 阶 /** * @param {number} n * @return {number} */ var climbStairs = function(n) { // 定义初始台阶步数，0阶的方法为1，1阶方法为1 const dp = []; dp[0] = 1; dp[1] = 1; for(let i = 2; i &l...

先玩一个小游戏。预先给定一个小于100的正整数x，让你猜，猜测过程中给予大小判断的提示，问你怎样快速地猜出来？ 这样猜测最快，先猜50，如果猜对了，结束；如果猜大了，往小的方向猜，再猜25；如果猜小了，往大的方向猜，再猜75；…，每猜测1次就去掉一半的数，就这样可以逐步逼近预先给定的数字。这种思想就是二分法。 经典例题：使用二分法在数组中查找指定值的位置 function findIdx(arr,target){ let left = 0; let right = arr.length - 1; let mid; while(left <= right){ mi...

1. 搜索插入位置 给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。 请必须使用时间复杂度为 O(log n) 的算法。 示例 1: 输入: nums = [1,3,5,6], target = 5 输出: 2 示例 2: 输入: nums = [1,3,5,6], target = 2 输出: 1 /** * @param {number[]} nums * @param {number} target * @return {number} */ var searchInsert = funct...

1. 加一 给定一个由 整数 组成的 非空 数组所表示的非负整数，在该数的基础上加一。 最高位数字存放在数组的首位， 数组中每个元素只存储单个数字。 你可以假设除了整数 0 之外，这个整数不会以零开头。 示例 1： 输入：digits = [1,2,3] 输出：[1,2,4] 解释：输入数组表示数字 123。 示例 2： 输入：digits = [4,3,2,1] 输出：[4,3,2,2] 解释：输入数组表示数字 4321。 /** * @param {number[]} digits * @return {number[]} */ var plusOne =...

1. 删除有序数组中的重复项 给你一个 升序排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。 由于在某些语言中不能改变数组的长度，所以必须将结果放在数组nums的第一部分。更规范地说，如果在删除重复项之后有 k 个元素，那么 nums 的前 k 个元素应该保存最终结果。 将最终结果插入 nums 的前 k 个位置后返回 k 。 不要使用额外的空间，你必须在 原地 修改输入数组 并在使用 O(1) 额外空间的条件下完成。 示例 1： 输入：nums = [1,1,2] ...

1. 最长公共前缀 编写一个函数来查找字符串数组中的最长公共前缀。 如果不存在公共前缀，返回空字符串 ""。 示例 1： 输入：strs = ["flower","flow","flight"] 输出："fl" var longestCommonPrefix = function(strs) { let first = strs[0]; let res = ''; for(i = 0;i < first.length; i++){ let str = first[i]; for(j = 1; j < strs.length; j++){ ...

1.两数之和 给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 target  的那 两个 整数，并返回它们的数组下标。 你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。 你可以按任意顺序返回答案。 示例 1： 输入：nums = [2,7,11,15], target = 9 输出：[0,1] 解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。 var twoSum = function(nums, target) { let re...

function progressiveArray(start, end) { start = Number(start); end = Number(end); end = end > start ? end : start; // 生成数组，获取其中的索引，并去掉start之前的数值 return [...Array(end + 1).keys()].slice(start); } progressiveArray(0,10); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

上一篇使用setTimeout模拟了异步请求，这一篇使用真实请求。 Suspense也是支持async...await的语法的，所以这个组件就用async的写法来写 DogShow.vue <template> <div class="dogshow"> <img :src="result.message" alt="" srcset="" /> </div> </template> <script lang="ts"> import axios from "axios"; import { defi...

先看一下官网是怎么说的，下面是官网的介绍 在正确渲染组件之前进行一些异步请求是很常见的事。组件通常会在本地处理这种逻辑，绝大多数情况下这是非常完美的做法。 该 <suspense> 组提供了另一个方案，允许将等待过程提升到组件树中处理，而不是在单个组件中。 一个常见的异步组件用例： <template> <suspense> <template #default> <todo-list /> </template> <template #fallback> ...