- 博客(53)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 find()和findIndex（）方法
这两个方法支持回调函数参数，可用于复杂条件判断，并能识别NaN，弥补了indexOf的不足。比方说，数组 [1, 2, 4, 3] 中，1 的第二大整数是 4 ，2 的第二大整数是 3 ，3 和 4 的第二大整数是 -1。对于 nums 中每一个整数，你必须找到对应元素的第二大整数。3）恰好存在 一个 k 满足 i < k < j 且 nums[k] > nums[i]1.find方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。如果不存在 nums[j] ，那么第二大整数为 -1。
2024-09-30 14:08:21
159
原创 lodash中_.difference如何过滤数组
创建一个具有唯一array值的数组，每个值不包含在其他给定的数组中。（注：即创建一个新数组，这个数组中的值，为第一个数字（array参数）排除了给定数组中的值。）该方法使用做相等比较。结果值的顺序是由第一个数组中的顺序确定。
2024-09-14 11:33:10
308
原创 VUE3父子组件传参
是 Vue 3 的 Composition API 中一个新的实用函数，用于在<script setup>语法下显式暴露组件的公共属性和方法，这在处理子组件时特别有用，允许父组件访问子组件的特定属性或方法。在 Vue 3 中，当我们使用defineExpose。
2024-09-06 18:11:50
539
原创 table表格页面加载太慢如何解决
requestAnimationFrame是一种在浏览器中实现动画循环的技术，它通过定时器机制来周期性地调用指定的回调函数，以实现网页动画的效果。使用requestAnimationFrame可以将动画的每一帧绘制操作封装为一个回调函数，并将这个回调函数传递给requestAnimationFrame函数。当浏览器准备进行下一帧绘制时，会自动调用这个回调函数，从而实现了动画的循环。二.懒加载和分页数据：（这里我参考了懒加载思想，实现了数据一条一条加载展示的效果）
2024-08-19 11:42:02
500
原创 map、foreach、filter这些方法你还不知道什么时候该用哪个吗？那就看过来
创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。因此，filter适合于过滤当前数组并找出符合条件的元素，返回一个新的数组，而不会改变原数组。：创建一个新数组，其结果是该数组中的每个元素调用一个提供的函数后的返回值组成。map方法会返回一个新数组，这个新数组由原数组中的每个元素调用一次提供的函数后的返回值组成。map方法中的回调函数需要使用return来指定新数组中的值，因此它更适合于根据当前数组映射一个新的数组的情况。
2024-07-27 18:39:48
303
原创 vue3如何实现编辑器功能
3.最后，您可以根据您的需求配置 Quill 编辑器，如添加工具栏选项、自定义样式等。您可以查阅 Quill 编辑器的文档来了解更多配置选项和功能。1.首先，您需要安装Quill编辑器。您可以使用 npm 或 yarn 来安装 Quill 编辑器的 Vue 组件。2.然后，在您的 Vue 组件中引入 Quill 编辑器。
2024-06-04 14:05:52
386
原创 vue3可以快速简单的操作dom元素了
我们需要使用——也就是指向模板中一个 DOM 元素的 ref。我们需要通过：这个 ref 使用null值来初始化。这是因为当执行时，DOM 元素还不存在。模板引用 ref 只能在组件后访问。
2024-06-01 16:05:11
503
原创 如何解决0.1+0.2!=0.3的问题
/ z 的结果为 0.3。// z 的结果为 0.30000000000000004。// 返回 false。
2024-05-26 11:14:16
129
原创 数组的形式访问对象中的属性——神之操作
这种方法访问不了status-r，如果直接obj.status-r会报错，因此可用下面这种方法解决。例如：obj["status-r"]例如：obj.channels。
2024-05-24 10:08:00
208
原创 web前端面试题-----＞VUE
在父组件写一个函数，将这个函数绑定在子组件（子组件的实例对象上）上并赋值给子组件的v-on的方法名上，然后在对应子组件用this.$eimt（v-on上的方法名 ，参数二可以是子组件要传给父组件的数据，例如this.name，然后父组件接受参数）触发这个事件。
2024-03-27 12:59:23
928
原创 前端面试题----＞JavaScript
原因：当使用const声明一个对象或数组时，实际上是保证了对象或数组的引用不会被修改，但对象或数组本身的属性或元素是可以被修改的。这是因为const只能保证指向的内存地址不变，但并不保证内存地址指向的内容不变，而基本类型的变量在内存中存储的是值本身，而不是引用。
2024-03-26 21:33:49
1005
原创 web前端面试题----＞HTML、CSS
对父元素操作 ： justify-content:center;grid布局：对父元素操作：place-items：center。
2024-03-26 20:52:05
1196
原创 项目上线存在的缓存问题以及存在的debugger和console.log等问题
【代码】项目上线存在的缓存问题以及存在的debugger和console.log等问题。
2024-01-16 16:47:40
596
原创 数组和对象的处理方法总结
push():向数组的末尾添加一个或多个元素，并返回新的长度pop()：删除数组的最后一个元素，并返回该元素的值。shift()：删除数组的第一个元素，并返回该元素的值。unshift()：向数组的开头添加一个或多个元素，并返回新的长度。sort()：对数组的元素转换为字符串，然后按照字符串的 Unicode 编码顺序进行排序。splice()：从数组中添加或删除元素。reverse()：反转数组的元素顺序。join()：把数组的所有元素放入一个字符串。
2024-01-16 15:19:05
400
原创 ::v-deep和&:hover的含义
来避免父组件对子组件的影响，添加了之后只能修改当前组件的样式，但同样引发不能在当前组件修改子组件的样式，因此就出现了深度选择器 ::v-deep。vue项目中经常在style 标签内添加。二. ::v-deep的含义。一.&:hover的含义。
2023-12-01 11:18:49
330
原创 用了elementui中的组件，设置样式时始终不生效的解决方案
后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染，但是message生成的dom是没有添加data-v-xxx属性的，所以样式无效。原因：可能是因为加了。
2023-11-24 10:19:03
3167
1
原创 超简单的重置表单方法---利用elementui如何重置表单
1.在dialog对话框添加close方法，执行在关闭时要进行的操作并在form表单绑定ref。2.使用resetFields方法重置表单。3.重置表单具体实现代码。
2023-11-22 16:38:11
1524
原创 如何解决localStorage会将存储的数据，自动转换为string类型的问题
【代码】如何解决localStorage会将存储的数据，自动转换为string类型的问题。
2023-11-20 23:51:26
180
原创 神级思路：navMenu侧边栏、breadcrumb面包屑、tabs按钮和地址栏路由信息，如何实现一个变化，其他三个都随之变化
实现思路：方法一：三个组件（navMenu组件、breadcrumb组件、tabs按钮）都用watch监听地址栏的路由信息变化，只要路由信息变了，其他三者就变化，navMenu组件代码：<template> <div id="aside"> <el-menu :default-active="activeMenu" class="el-menu-vertical-demo" :collapse="collapse" :colla
2023-11-16 11:25:10
215
原创 史诗级详细说明——路由配置以及面包屑的具体实现
注释：一个项目router下面的index.js（路由配置）并不是由侧边栏是否有子菜单或者你建的路由文件夹是否有子文件夹决定的，而是一个页面展示功能可能需要子页面配合展示功能，这时就可以设置一个子路由，当然是否设置子路由也与项目的复杂程度有关，可根据实际情况而定。5.在template中遍历路由名称（这个与route下面的index.js的路由配置有关，因为在路由配置时页面二的父路由是首页，首页遍历出：首页/页面二）在index.vue中便是整个页面的布局，如下图。二.navMenu（侧边栏）的实现。
2023-11-14 18:31:32
746
原创 在Vue2中，三种不同的模块导出方式：分别暴露、统一暴露和默认暴露。
【代码】在Vue2中，三种不同的模块导出方式：分别暴露、统一暴露和默认暴露。
2023-11-03 14:51:45
1037
原创 前端必会的登录流程
问题一：之所以localStorage存放token，是因为当处于登录状态的用户如果刷新页面，就会导致vuex里面的token不存在，如果不在localStorage存放token，按照正常逻辑，如果没有token就返回登录界面，因此会造成处于登录状态的用户刷新一下页面就要重新登陆体验感差的问题，所以localStorage存放token。3.通过定义的service请求登录接口成功之后，服务器会返回一个token，此时将返回的token和输入的用户名分别存在vuex和localStorage。
2023-11-03 13:43:03
61
原创 vue项目如何动态加载图标
方法一：如果图标是以组件的形式引入的，可以通过component动态加载图标。方法二：如果图标是以标签class的形式引入的，可使用模版字符串。
2023-10-30 20:16:19
531
原创 vue项目如何实现input输入框回车后，触发登录事件
2.在mounted钩子中添加，通过ref给el-form添加事件，使子元素el-input输入框也可以触发该事件。注释：如果你在elementui的el-input框绑定该事件，是不会被触发的。注释：此方法可以在el-input输入框中绑定键盘事件。
2023-10-25 15:49:59
1891
原创 vue如何实现table表格的批量操作
解决思路：vue项目中要实现批量操作，如批量增删改查，主要通过利用穿不同的参数调用同一个接口，然后实现批量操作的，可以通过递归来实现。
2023-10-25 11:24:04
326
原创 看完必会的经典操作：vue如何通过对搜索框的输入，对内容进行检索并展示
方法三：watch监听输入框中输入内容，当输入后便可获取新输入的内容，根据输入的值进行搜索和过滤。方法二：输入框中输入内容并失去焦点时，进行搜索和过滤。方法一：计算属性（依赖发生变化时，进行计算）
2023-10-19 22:06:45
2732
2
原创 看完必会的grid布局
* 如果行轨道和列轨道小于容器，还可以对轨道进行对齐 *//* 列轨道对齐 *//* 水平轨道 *//* 纵轴方向 *//* 水平方向 */
2023-09-12 10:57:07
116
1
原创 看完必会的grid布局----grid-template-areas
【代码】看完必会的grid布局----grid-template-areas。
2023-09-11 18:02:31
146
原创 ES6-----读完必懂的let块级作用域
也许很多人知道如何改，但是却没有真正理解为什么这样改，这样做可以确保在每次点击事件触发时，变量。在整个循环过程中都是同一个变量。因此，当点击事件触发时，会访问到循环结束后的最终值。声明的变量具有函数作用域，而不是块级作用域，所以在循环中使用。只有当用户触发点击事件时，相应的点击事件才会执行。都会被重新声明和赋值。下面给大家详细解释一下。在这个过程中，循环和点击事件是交替执行的。循环的每次迭代中，而不是整个循环。关键字会将变量的作用域限制在。
2023-09-01 18:05:42
67
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人