JavaScript
小灰灰学编程
毕业设计:web、小程序
展开
-
前端发送请求之fetch跟axios的区别
前端发送请求之fetch跟axios的区别原创 2024-04-23 16:03:03 · 862 阅读 · 3 评论 -
Promise处理异步操作的基本知识及常用api举例
promise处理异步操作的基本知识及常用api举例原创 2024-04-07 17:33:23 · 537 阅读 · 0 评论 -
react-virtualized实现行元素不等高的虚拟列表滚动
react-virtualized实现行元素不等高的虚拟列表滚动原创 2024-02-01 10:57:15 · 872 阅读 · 0 评论 -
React中实现行等高的虚拟列表加载滚动
当一个页面中需要接受接口返回的全部数据进行页面渲染时间,如果数据量比较庞大,前端在渲染dom的过程中需要花费时间,造成页面经常出现卡顿现象。需求:通过虚拟加载,优化页面渲染速度。缺点:需要固定好每一行元素的高度原创 2024-01-23 18:35:33 · 606 阅读 · 0 评论 -
防抖和节流的例子解释
防抖和节流的例子防抖:触发事件在n秒内只执行一次,若在n秒内再次触发,则重新计算时间如:在点击按钮之后,经过2秒钟时按钮会触发事件,如果在1.5秒时再次点击按钮,则需要重新计算2秒事件才会触发。节流:连续发生的事件在n秒内只执行一次也就是说在规定时间内,不管操作多少次,函数只会执行一次。首先定义div标签用于显示页面操作<div id="content" style="height: 150px;line-height: 150px;text-align: center;backgroun原创 2021-06-29 23:56:38 · 519 阅读 · 0 评论 -
encodeURIComponent对url参数进行编码
当我们拼接在url上的参数存在某些特殊字符时(&、%、#、?、/ 等),getHrefParam()并不能满足我们的需求,例如:url后面的参数是:?window.location.search方法获取的参数被“#”截断。解决方法:encodeURIComponent对参数进行一次编码即可。原创 2023-10-26 18:05:08 · 365 阅读 · 0 评论 -
js的object对象实现扩展运算符的基本方法
我们知道,js的数组是可以使用展开运算符展开数据的,原因是Array具有Symbol.iterator迭代器接口,但是对象是没有改迭代器接口的,如果直接用[...]展开运算符展开对象是报错的。原创 2023-05-28 21:27:11 · 242 阅读 · 0 评论 -
js闭包的简单应用
闭包的概念:有权访问其他函数的内部变量的函数闭包是作用域运用的特殊场景。注:js中自由变量的查找是在函数定义的地方向上级作用域查找,不是在执行的地方。闭包的使用场景概况为两种,一种是函数作为参数被传递,一种是函数作为返回值被返回。原创 2023-05-25 11:56:23 · 100 阅读 · 0 评论 -
js深浅拷贝理解与实现
在实际开发应用中,前端接到接口返回的引用类型数据时,为更好的应用于不同的业务和功能,常常需要对数据进行深浅拷贝,避免在操作过程中数据相互影响导致出现问题。原创 2023-05-23 10:40:45 · 66 阅读 · 0 评论 -
jq实现元素置顶排序功能
jq实现元素置顶排序功能原创 2023-04-01 16:31:10 · 353 阅读 · 2 评论 -
js实现对象数组去重及数据叠加
HTML<template> <div> <div v-for="item in list"> id:{{item.id}} - count:{{item.count}} </div> <br /> <div>点击按钮去重,count叠加</div> <button @click="getData">去重</button> </div></te原创 2021-12-20 16:57:37 · 1961 阅读 · 0 评论 -
ES6中Set和Map方法的使用
ES6中Set和Map方法的使用Set: set类似于数组,成员是唯一的(1)成员不能重复(2)只有键值没有键名,类似数组(3)可以遍历,方法有add, delete,hasMap: map类似于对象(1)本质上是健值对的集合,类似集合(2)可以遍历,可以跟各种数据格式转换Set的使用//定义一个数组var arr = [1,2,4,1,2,3,5,7,2,3,4];//声明Set集合var set1 = new Set(arr);//通过...拓展运算符将set变更为数组形式原创 2021-07-06 11:07:51 · 1280 阅读 · 0 评论 -
uniapp小程序中Date()函数的iOS兼容性
在开发uniapp的时候,开发工具对Date()函数是没有进行兼容处理的,这时候预览页面就会遇到安卓跟iOS时间显示出现兼容问题。解决方法:new Date(“2018-12-12 00:00:01”).getTime()获取时间戳的时候在iOS下面为NaN,我们需要将时间的'-'转化为'/',new Date(dataTime.replace(/-/g,'/')).getTime()或者time = time.replace(/\-/g,"/");let start = new原创 2021-10-15 17:10:03 · 7046 阅读 · 0 评论 -
js实现div随鼠标移动
<!-- 定义div标签 --><body> <div></div></body><style> div { width: 100px; height: 100px; }</style>主要在于获取到标签,通过定义mousemove事件来实现移动 <script type="text/javascript"> w.原创 2021-08-14 11:07:33 · 788 阅读 · 0 评论 -
js实现传参的防抖函数
js实现传参的防抖函数function debounce(func, wait) { // @TODO:实现逻辑 let timeout; return function() { if (timeout) { clearTimeout(timeout); } timeout = setTimeout(() => { //...arguments用过获取参数 func.call(this, ...arguments);原创 2021-08-14 10:26:36 · 2207 阅读 · 0 评论 -
js实现CheckBox单选多选全选功能
js实现CheckBox单选多选全选功能在checkbox的使用中,我们经常遇到需要全选或者单选的情况,通过js定义函数可以方便实现需求,提高用户体验感。定义多个CheckBox<div> <input type="checkbox" id="all" @click="checkAll"> <label for="all">全选</label> <br><hr> <input id="chec原创 2021-08-05 14:53:54 · 4467 阅读 · 0 评论 -
JavaScript中判断数据类型的方法
JavaScript中判断数据类型的方法在JavaScript中,有6数据类型:String, Number, Boolean, Null, undefined, Object,在ES6中新增了一种Symbol类型。js中判断数据类型的方法一共有四种: typeof,instanceof,constructor,Object.prototype.toString.call()typeof注意:1、typeof 数组的时候会返回一个object,可以通过Array.isArray()的方法原创 2021-07-11 19:09:04 · 520 阅读 · 0 评论