- 博客(11)
- 收藏
- 关注
原创 防抖和节流
定义节流: n 秒内只运行一次,若在 n 秒内重复触发,只有一次生效防抖: n 秒后在执行该事件,若在 n 秒内被重复触发,则重新计时一个经典的比喻:想象每天上班大厦底下的电梯。把电梯完成一次运送,类比为一次函数的执行和响应假设电梯有两种运行策略 debounce 和 throttle,超时设定为15秒,不考虑容量限制电梯第一个人进来后,15秒后准时运送一次,这是节流电梯第一个人进来后,等待15秒。如果过程中又有人进来,15秒等待重新计时,直到15秒后开始运送,这是防抖防抖 <div
2022-05-03 15:38:47 209
原创 setInterval 和setTimeout 清空定时器,返回值,赋值为null的区别
setInterval 和setTimeout 清空定时器,返回值,赋值为null的区别1.定时器的返回值定时器是有返回值得,返回值代表着是第几个定时器,类型是number类型,也可以用来取消定时器,它是定时器的唯一标识符。 var num = 1; function fn() { var timer = setInterval(function () { console.log(num); console.log(timer) }, 1000
2022-05-03 15:15:38 1752
原创 数组对象去重练习
js判断数组对象是否含有重复的值let arr = [{id:1,name:"张三",age:3},{id:2,name:"李四",age:5},{id:1,name:"王五",age:4}]const ids = arr.map(item=>item.id)const idSet = new Set(ids);if(ids.length == idSet.size){ console.log(“不存在重复值”)}else{ console.log(“存在重复值”)}
2022-04-12 09:29:37 86
原创 vue实现简单的前端分页功能
vue实现简单的前端分页功能假设每页显示10条,一共100条,那么共10页,第一页显示1-10条数据,第二页显示11-20条数据…以此类推是不是有思路了let productList = [];export default { data() { return { productList, //所有数据 totalPage: 1, // 统共页数,默认为1 currentPage: 1, /
2022-04-06 17:18:54 3995
原创 React之Hooks详解
使用Hooks理由1.高阶组件为啦复用,导致代码层级复杂2.生命周期的复杂3.写成function组件,无状态组件,因为需要状态,又改成class,成本高useState(保存组件状态)import React, { useState } from 'react'export default function App() { // useState("kerwin") 返回一个数组 数组第一个参数是你传递的参数 第二个参数是一个方法 const [name, setName
2022-03-24 09:39:54 1435
原创 身份证号篇代码的封装
函数封装(身份证号)// 通过身份证号获取指定格式出生年月日--1998-01-01export const getBirthByIdCard = function(idCard) { var birthday = ""; if(idCard != null && idCard != ""){ if(idCard.length == 15){ birthday = "19"+idCard.slice(6,12); } else if(idCard.length =
2021-04-08 10:40:39 168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人