- 博客(17)
- 收藏
- 关注
RSS订阅原创 今日分享——前端使用jsplumbs手撸一个思维导图(流程图)
一、jsplumbs的基本使用，例子在vue2项目中实现的。子组件中引用自身组件实现循环引用可无限嵌套。
2024-07-31 17:34:24
479
原创 集合！！！前端数组常用API —— Array some()
array.some方法用于检测数组中是否有满足特定条件的元素。它接受一个回调函数作为参数，该函数会对数组中的每个元素进行测试，直到找到一个满足条件的元素或者遍历完所有元素。如果回调函数对任何一个元素返回true，则some方法返回true；否则，如果回调函数对所有元素都返回false，则返回false。
2024-07-30 12:12:56
359
原创 集合！！！前端数组常用API —— Array every()
array.every()接收一个回调函数遍历array数组，通过每一次回调函数调用的返回值为true或者false决定every的最终返回值是true还是false，只要回调函数又一个遍历项返回false则every最终返回false，反之返回true。
2024-07-22 11:52:29
502
原创 集合！！！——CSS中BFC机制详解，彻底吃透BFC机制
（Block Formatting Context，BFC）块级格式化上下文，触发bfc机制的盒子内部会独立渲染，不会影响外部元素的布局也不会收到外部元素的影响。简单来讲就是CSS中有几种文档流模式决定了元素如何布局，有时包含块中的元素会受到外部元素影响，或影响外部元素的布局，此时我们想解决这种影响就可以使包含块创建BFC形成一个独立的布局环境（下面会举例子）。
2024-07-17 12:03:48
654
原创 集合！！！前端数组常用API——Array forEach
forEach接受一个回调函数，回调函数接受三个参数，item是当前遍历项、index是当前遍历项的索引值、arr为当前遍历的数组。通常只会用到第一个参数。forEach会循环遍历数组的每一项，与map的功能类似但是map更注重的是返回值不会改变原数组，而forEach没有返回值并且会改变原数组！二、参数 array.forEach((item,index,arr))
2024-07-15 15:53:38
137
原创 集合！！！前端数组常用API——Array map()
map接受一个回调函数，回调函数接受三个参数，item是当前遍历项、index是当前遍历项的索引值、arr为当前遍历的数组。通常只会用到第一个参数。array.map()不改变原数组而是返回一个新数组。顾名思义map通常用来加工数组，循环遍历数组的每一项并返回形成一个新数组。二、参数,array.map((item,index,arr) => {})map返回的是一新数组并不改变原数组！
2024-07-15 15:30:29
316
原创 今日分享——vue项目仿淘宝地址智能识别解析实现，省市区街道智能解析。
第一步：通过npm安装address-smart-parse第三方库。console.log(result)数据。
2024-07-15 15:01:48
732
原创 今日分享——小程序中图片长按识别二维码功能
产品今日提了个需求需要实现小程序配置获取公众号通知告警，这时候就需要让用户先关注公众号后才能配置通知消息，为了方便就想要实现 在微信小程序里放一个公众号的二维码让用户长按图片进行跳转公众号并关注。其实很简单，就是image标签有个原生属性。
2024-07-13 15:19:09
1135
原创 今日分享——elementUI时间选择器下拉框错位，跑到左上角问题解决方案。
项目中涉及多个表格切换打印功能，两个表格互相切换导致渲染不同的日期选择器，使用的是v-if进行控制渲染。切换到第二个表格是下拉选择器就出现位置错位。因为vue的渲染机制复用DOM导致，解决也很简单只需要给两个选择器各添加一个唯一的key值。key值可以让vue更好的追踪组建的状态和位置。
2024-07-12 10:22:02
774
原创 集合！！！前端数组常用API——Array reduce()
第一个参数如果传了initPre，则第一次循环中的该参数的值为initPre的值，后面为回调函数的返回值。如果未传initPre则第一次循环中该值为数组第一项的值。第二个参数如果传了initPre则该值首次为数组的第一项的值，然后为第二项的值，依次循环下去。如果未传initPre，该参数首次循环为数组第二项的值。Array.reduce()通常用来“计算”，并返回最终结果。第三个参数为当先处理的数组项的索引。返回值为回调函数在循环中最后一次的返回值。第四个参数为该数组。回调函数，接收四个参数。
2023-08-01 18:14:45
199
1
原创 集合！！！前端常用数组API——Array filter()
Array.filter()通常用来过滤数组并且不改变原数组，返回一个新数组（有返回值！返回一个新数组（不改变原数组）
2023-08-01 17:55:04
771
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人