- 博客(61)
- 收藏
- 关注
RSS订阅转载 vue 第三方方法 useIntersectionObserver 实现数据懒加载
在开发网站的时候，有时候一个页面的数据会很多，一次性加载会降低性能，加载速度缓慢，其实只要让可视窗口里面的数据加载即可，当页面部分内容还没有进入可视区域的时候，可以先不用加载数据，一旦进入可视区域通过事件监听元素位置进而选择数据加载的时机，这样做的好处就在于可以增强性能，避免没有必要的请求。在 vue 项目中还有第三方方法可以帮助我们进行数据懒加载。
2023-09-26 17:17:40
433
转载 reduce()数组方法的使用场景
定义：reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。语法：arr.reduce(function(prev,cur,index,arr){undefined。prev： 必需(初始值, 或者计算结束后的返回值)；arr：可选(当前元素所属的数组对象)；init： 可选(传递给函数的初始值)；index： 可选(当前元素的索引)；场景二：计算数组中每个元素出现的次数。场景四：将二维数组转化为一维数组。cur： 必需(当前元素)；场景七：求数组中最大的值。
2023-07-17 10:18:46
123
转载 JavaScript中使用forEach会改变原数组吗?
答：如果数组中的值是基本类型, 改变不了;如果是引用类型分两种情况：1、没有修改形参元素的地址值, 只是修改形参元素内部的某些属性，会改变原数组；2、直接修改整个元素对象时，无法改变原数组；JavaScript是有基本数据类型与之分的。对于基本数据类型：number,string,Boolean,null,undefined它们在栈内存中直接存储变量与值。而Object对象的真正的数据是保存在堆内存，栈内只保存了对象的变量以及对应的堆的地址，所以操作Object其实就是直接操作了原数组对象本身。
2023-07-17 09:48:15
762
原创 前端实现页面自动播放音频方法
尽管自动播放媒体文件是一个很实用的功能，但是我们也应该谨慎地使用它，保证只有在它被需要的时候才使用。在这篇文章中，我们将介绍各种媒体和。，而是使用play函数进行播放，play函数执行时会返回一个promise，可以根据promise来判断当前的播放是成功了还是失败了，并且在失败后做出相应的提示。由此，Chrome计算出的媒体参与度得分在定期播放媒体的网站上足够高时，允许在桌面上自动播放媒体播放。的自动播放功能，包括关于如何使用自动播放功能、如何优雅的处理阻止自动播放功能的一些简短的介绍。
2023-06-26 14:33:21
3538
原创 element-plus的el-select实现触底加载更多(新版本报错踩坑)
Element plus的el-select实现触底加载更多，遇到的问题解决
2023-06-12 15:29:57
1728
2
转载 面试题——实现一个链式调用的query方法
定义 groupBy 方法，该方法接受一个字符串类型的参数 key，按照 key 对 results 数组中的元素进行分组，并将分组后的结果存储回 results 数组中，然后返回 this 对象以支持链式调用。定义 filter 方法，该方法接受一个回调函数作为参数，过滤 results 数组中的元素，并将过滤后的结果存储回 results 数组中，然后返回 this 对象以支持链式调用。需要注意的是，这只是一个简单的实现方式，还有很多细节需要考虑，例如对于分组操作，如果 key 的值为 null 或。
2023-06-08 11:58:14
106
转载 JS循环遍历中使用异步
的回调里进行异步操作，每次遍历进行的这些异步操作会并行执行。因此，在 forEach 中使用异步操作是不可能的，因为它将导致执行流阻塞，而且无法保证异步操作的完成顺序。of循环是最推荐的一种方式，因为它每次迭代都会创建一个新的作用域，可以保证异步操作的独立性和安全性。方法将等待所有异步操作完成，然后将它们的结果作为数组返回。缺点：fo每次循环的作用域是用一个，可能会导致异步操作未结束就进入到下一个迭代中。循环来遍历数据，并在每个迭代中等待异步操作完成。方法是异步的，也就是每次循环都能顺序执行异步操作。
2023-05-19 18:49:54
1170
转载 CSS3 var() 实现主题色换肤实践
root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示 元素，除了优先级更高之外，与 html 选择器相同。该方案最简单，最容易理解。
2023-05-05 18:12:41
249
转载 当公司要求你必须会 React，Vueer 不得不学
作为一个重度 Vue 使用者，在学习使用React时难免有些不适应，甚至有点急躁。但时事变迁，现在不学 React，找工作真的很难呀。所以纵使 React 再不好学，也要熟练运用它。毕竟编程就是这样，有些语言可能不太好理解，不过既然你不是框架开发者，只能适应它。
2023-05-04 12:03:29
88
转载 前端如何控制并发请求数量？
个以内，并且还要尽可能快速的拿到响应结果。个异步请求需要发送，但是由于某些原因，要求我们必须将同一时刻的并发请求数量控制在。好，我的设计思路就是这样的，下面就要来开始开发工作啦~遇到这个问题还是先来分析一下这个问题的设计思路→。里面再取出一个进行请求，这样依次类推，直到。图可以很直观的看到，每次请求的数量都是。然后再看看请求时请求数量是否每次都是。这样就直观的看到，有一个最大并发数。，当其中有一个请求完之后就会再从。个，证明写的代码没有毛病，搞定！假设有这么一个场景：现在有。个请求都执行完才终止请求。
2023-04-18 17:48:46
1414
原创 element-ui中el-form表单验证，只有点击提交按钮时才进行校验
element-ui中el-form表单验证，只有点击提交按钮时才进行校验
2023-04-04 15:27:30
3237
1
转载 React渲染-几个性能优化点
在过去的一段时间，我一直围绕项目中体验不好或者无效渲染较为严重的组件做，多少积累了一些经验所以想着整理成一片文章，下图就是优化后的一个组件，可以对比优化前一次切换与优化后多次切换的渲染颜色深度与按钮的切换速度：关于减少组件无效渲染，与其说是提几点建议，不如说是在优化过程中所记录的一些不规范的写法，能写出更好的代码总是更棒的，也希望这几点建议能对大家能有些许帮助。当然，以下建议不管class组件还是hooks中其实都有参考意义，那么本文开始。
2023-03-27 17:37:03
421
转载 组件el-date-picker限制只能选当天，当天之前，当天之后
这里为什么要用当天23：59：59时间减去当前时间呢如果不减会出现下面这种时间的误差导致无法选择 所以我们 加上 23点减去当前时间这样就能完美解决时间误差。end-placeholder="结束日期" size="small" value-format="yyyy-MM-dd HH:mm:ss">在这里有可能小伙伴会有点迷惑后面为什么要减去1乘以24 这里就是减去了当天的时间 去掉后面的。start-placeholder="开始日期"相同的道理只需把小于号改为大于号。那怎么去限制用户禁止选择呢？
2023-03-10 18:12:29
1232
1
原创 vue3 element-plus el-table:列表中相同名称的数据实现行合并
element-plus el-table:列表中相同名称的数据实现行合并
2023-01-18 14:34:43
3921
5
转载 vue3.2踩坑记录:update:modelValue在dev环境正常，在prod环境报错：ReferenceError: childValue is not defined
vue3.2踩坑记录:update:modelValue在dev环境正常，在prod环境报错：ReferenceError: childValue is not defined
2022-11-07 19:07:21
515
转载 el-dialog 的各种正确使用姿势 以及 el-dialog destroy-on-close 无效的解决办法
el-dialog 的各种正确使用姿势 以及 el-dialog destroy-on-close 无效的解决办法
2022-09-29 14:23:39
9887
7
原创 vue3+element-plus解决resetFields表单重置无效问题
vue3+element-plus解决resetFields表单重置无效问题
2022-09-29 14:20:51
4917
3
原创 外部js调用pinia时，解决报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
外部js调用pinia时，解决报错getActivePinia was called with no active Pinia. Did you forget to install pinia？
2022-08-18 15:05:46
9184
原创 docker-compose.yml启动jenkins，无法访问jenkins解决
docker-compose.yml启动jenkins，无法访问jenkins解决
2022-07-27 16:58:24
1067
原创 vue解决子组件中报错 Unexpected mutation of “xxx“ prop.(eslintvue/no-mutating-props)
vue解决子组件中报错 Unexpected mutation of "xxx" prop
2022-07-13 11:35:06
23854
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人