sheepwhip-CSDN博客

原创创建自定义ref实现防抖效果

<template> <input type="text" v-model="keyWord"> <h3>{{keyWord}}</h3> </template> <script> import { customRef } from '@vue/reactivity'; export default { name: "App", setup() { // 自定义ref函数 .

2022-05-29 16:04:29 127

思路：创建一个数组arr，将题目要求的m行n列的数组创建，使用‘’填充，之后创建深度优先搜索dfs函数，首先考虑它的越界情况，也就是当前位置的坐标是否超过数组的边界，之后根据题目的要求，看是否满足坐标之和不大于k值，在这里创建了一个sumAll函数计算下标之和代码： var movingCount = function (m, n, k) { // k=0时，只有一种情况，单独判断 if(k===0) return 1;

2022-05-28 12:12:00 82

原创动态数据添加和删除

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2022-01-25 14:49:13 1034

原创 100红绿灯点击变色

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

2022-01-08 21:46:56 121

原创对象的深克隆

思路：在deepClone函数中，判断进入的值是数组、对象还是基本值，再使用for循环和for in循环进行克隆。代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont

2021-12-13 16:45:55 481

原创 js 轮播图

思路：对左右两个按钮分别设置监听，克隆第一张图片并放置最后，切换至最后一张时，使用延时器将其瞬间拉直第一张图片的位置。反向切换时，由第一张瞬间移动至克隆的图片上，在设置一个0ms的延时器，使过渡效果失效。最后使用函数节流防止点击过快时导致的切换速度加快现象。代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-C

2021-12-03 21:31:20 101

原创函数节流介绍

函数节流是什么：一个函数执行一次后，只有大于设定的执行周期后才允许执行第二次。实现函数节流：借助setTimeout()延时器。代码： var lock=true; function 需要节流的函数(){ // 如果锁是关闭状态，则不执行 if(!lock) return; //函数核心语句 // 关锁 lock=false; // 指定毫秒数后将锁打开 setTimeout(function(){ lock=true;

2021-12-03 17:19:11 554

原创实现计算器功能

任务描述：对于一些小数值的计算，大家可以很快的得出结果，例如：10+10=20，但是对于一些大数值的计算，例如：9516+7534，算出结果可能需要一些时间。说到这，肯定会有小伙伴想到了计算器，没错，计算器可以快速的得到计算结果。那么：接下来就让我们亲手做一个可以进行加减乘除的计算器吧！代码段： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h.

2021-12-02 20:49:48 667

原创求水仙花数

什么是水仙花数？水仙花数是指一个 3 位数，它的每个位上的数字的 3次幂之和等于它本身。例如：1^3 + 5^3+ 3^3 = 153 求一万以内的水仙花数： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view

2021-12-02 19:43:55 293

m0_52484611的博客