- 博客(71)
- 收藏
- 关注
RSS订阅原创 常见方法根据id删除数组中对应的项
这种方法通过传入一个回调函数来过滤出不包含特定ID的对象，从而创建一个新的数组。方法找到具有特定ID的对象的索引，然后使用。方法和临时数组来删除特定项。方法从数组中删除该对象。
2024-04-17 10:09:08
120
原创 vue2中的data为什么是一个函数
因为:我们创建的组件可能会被调用多次，如果data不基于一个闭包进行管理，那么多次调用间，使用的那些状态值就会相互冲突，但是我们期望的是“多次调用同一个组件，相互之间应该是完全独立的”，所以我们需要把data基于闭包包裹起来，让每一次调用，所用的状态都是本次私有的!
2024-03-21 10:13:12
84
原创 vue事件绑定引发的性能问题
事件委托利用事件冒泡的特性，将事件处理程序绑定到父元素上，从而减少事件处理程序的数量，提高性能。通过事件委托，可以避免为每个子元素创建闭包，减少内存占用，简化事件管理，并确保动态创建的元素也能够响应事件。希望这能帮助您更好地理解如何优化Vue事件处理的性能和效率。Vue事件绑定中，为每个动态创建的元素都基于addEventListener做了事件绑定，可能会导致性能问题，因为在绑定的方法中需要用到每次循环的信息，会创建多个闭包。为了避免这种性能问题，建议手动基于事件委托进行处理。
2024-03-18 15:13:27
382
原创 v-for 和 v-if 在相同元素上存在优先级的问题
Vue3中:v-if的优先级高于v-for，如果作用在相同元素上，这样在v-if中是无法使用v-for中item/index的如何解决?基于template标签，把v-for和v-if分开即可!「template标签不能设置key属性」Vue2中:v-for的优先级高于v-if，如果作用在相同元素上，很可能出现刚创建就被销毁「浪费性能」!在真实项目中，强烈不建议v-for和v-if作用在相同的元素上，因为存在优先级的问题。
2024-03-18 11:26:39
429
原创 使用Object.entries()方法将data对象转换为包含键值对的数组
【代码】使用Object.entries()方法将data对象转换为包含键值对的数组。
2024-03-05 16:50:25
329
原创 vue 输入框只能输入数字和小数 加type=“number“去掉多余的样式
【代码】vue 输入框只能输入数字和小数 加type="number"去掉多余的样式。
2024-01-25 15:24:33
407
1
原创 vue 选择题 A B C D 全部默认 ABCD，最少 AB，最多ABCDE。支持增删改
添加的时候也是按照顺序添加 （写个根据传入的索引或已使用的标题，返回下一个可用的标题的方法）需求：选项：单选题、单选题(英)、多选题。全部默认 ABCD，最少 AB，最多。假如有ABCD四个选项,删除选项B，剩余的之接更新变成ABC（写个更新方法）
2024-01-19 17:23:31
456
原创 在树形结构根据指定关键字进行查找，如果找到，就返回完整的路径，如果找不到，就返回空。
这种搜索方法通常用于树形结构的数据，比如地理位置信息、组织结构、目录结构等。当你需要在这些数据中进行关键字搜索，并且需要获取包含关键字的完整路径时，这种方法就非常有用了。例如，在一个包含多层级分类的电子商务网站中，你可以使用这种方法来实现商品分类的搜索和展示，或者在一个组织结构中查找特定部门或员工的信息。总之，只要你有一个树形结构的数据，并且需要根据关键字搜索并获取完整路径，这种方法就可以派上用场。
2023-12-22 15:30:33
465
原创 vue 及 elementplus 在main.js中设置表格列的showOverflowTooltip
【代码】vue 及 elementplus 在main.js中设置表格列的showOverflowTooltip。
2023-12-08 10:53:25
545
原创 把arr2里的7放在arr的第一个数组1的前面 arr2里的10,放在arr 4的前面 然后组成新的数组[[7, 1, 2, 3], [10, 4, 5, 5]]
把arr2里的7放在arr的第一个数组1的前面 arr2里的10,放在arr 4的前面 然后组成新的数组[[7, 1, 2, 3], [10, 4, 5, 5]] 代码实现。
2023-07-07 17:33:51
38
原创 计算两个二维数组arr1和arr2中对应位置元素的商
代码实现 ：一个嵌套循环，用于计算两个二维数组arr1和arr2中对应位置元素的商，并将结果存储在result数组中。首先，定义了一个空数组result用于存储结果。然后，通过两个for循环遍历arr1数组的每一行和每一列。在内层循环中，通过arr1[i][j]和arr2[i][j]分别获取arr1和arr2中对应位置的元素值。然后，将arr1[i][j]除以arr2[i][j]的结果存储在一个临时数组row中。内层循环结束后，将row数组添加到result数组中。
2023-07-05 10:06:57
996
原创 结构赋值的方法返回新数组
它使用了Array.prototype.map()方法对mateList进行遍历，并对每个元素执行一个回调函数。在回调函数中，使用了解构赋值的方式将每个元素的categoryId属性提取出来，并将剩余的属性存储在rest变量中。然后，将rest返回，最终生成一个只包含剩余属性的新数组newArr。
2023-06-25 10:51:04
53
原创 echarts+vue3.2 点击地图根据经纬度添加自定义图标
把基础地图画出来， 然后在地图上添加点击事件， 拿到经纬度 ，根据经纬度的位置进行动态的添加图标。
2022-12-29 17:51:00
2197
原创 vue3.2版本 在浏览器打开一个新窗口 和 在页面弹出新窗口的写法（传参和接收参数）
vue3.2版本 在浏览器打开一个新窗口 和 在页面弹出新窗口的写法（传参和接收参数）
2022-09-20 10:46:07
5315
原创 报错模板上禁用了TypeScript intellisense
TypeScript intellisense is disabled on template. To enable, configure `"jsx": "preserve"` in the `"compilerOptions"` property of tsconfig or jsconfig. To disable this prompt instead, configure `"experimentalDisableTemplateSupport": true` in `"vueCompilerOp
2022-08-19 09:57:32
729
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人