- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue组件中的data为什么是一个函数
是一个函数时，每个组件实例都会调用这个函数来返回一个初始数据对象。这样，每个实例都有自己独立的数据对象，不会相互影响。是一个对象，那么所有的组件实例将共享同一个数据对象，这意味着如果一个实例修改了数据，其他实例也会受到影响。必须是一个函数，因为组件可能被用来创建多个实例。在 Vue 组件中，
2023-07-22 09:17:51
144
原创 JS中关于 let that = this 的理解
在JavaScript中，这种写法通常用于解决this关键字在不同作用域中指向不同对象的问题。在某些情况下，例如在嵌套函数或回调函数中，this关键字可能不再指向期望的对象。为了在这些情况下仍然能够访问外部作用域中的this，开发人员会创建一个新的变量（通常命名为that或self），并将其赋值为外部作用域中的this。这样，在嵌套函数或回调函数中，就可以通过访问that变量来访问外部作用域中的this。在上面的代码中，由于setTimeout的回调函数是在全局作用域中执行的，所以其中的this。
2023-07-21 15:02:22
1163
1
原创 在html中js代码写在head上和写在body上有的区别
当JavaScript代码放在head部分时，它只会在被调用时才执行。这意味着需要调用才执行的脚本或事件触发执行的脚本应该放在head部分。当你把脚本放在head部分时，可以保证脚本在任何调用之前被加载。当JavaScript代码放在body部分时，它会在页面加载时被执行。这意味着当页面被加载时执行的脚本应该放在body部分。希望这些信息能够帮助您了解JavaScript代码放在head部分和body部分的区别。在HTML中，JavaScript代码可以放在head部分或body部分。
2023-07-19 16:48:38
466
原创 重构 shift unshift every foreach some reduce filter方法
数组前添加测试一个数组内的所有元素是否都能通过指定函数的测试 对数组的每个元素执行一次给定的函数。方法 只要有一项符合条件 返回true 否则返回false返回新数组，在原数组上判断是否满足条件来进行数据过滤，只会在原有数组上长度改变，元素内容不变* 这段代码定义了一个 函数，它接受一个数组作为参数，并返回一个新的数组，其中包含原数组中的不重复元素。函数内部使用了 方法来创建新数组。 方法接受一个回调函数作为参数，该回调函数对原数组中的每个元素进行测试。如果回调函数返回 ，则该元素会
2023-06-24 22:17:05
46
1
原创 扁平化数组 [1,2,3,[4,5,[6,7,8,[9,10,11]]]] =＞ [1,2,3,4,5,6,7,8,9,10,11]
【代码】扁平化数组 [1,2,3,[4,5,[6,7,8,[9,10,11]]]] =＞ [1,2,3,4,5,6,7,8,9,10,11]
2023-06-24 22:16:52
62
1
原创 给定一个数组，要求任意两个数组和等于给定数，并返回下标。重构pop和push方法
【代码】给定一个数组，要求任意两个数组和等于给定数，并返回下标。重构pop和push方法。
2023-06-20 11:25:52
127
1
原创 let const var的区别
var变量可以在其作用域内更新和重新声明；let变量可以更新但不能重新声明；const变量既不能更新也不能重新声明2。var声明的变量是全局作用域或函数作用域，而let和const是块作用域2。如果需要声明一个常量，使用 const2。如果需要声明一个全局变量，使用 var。如果需要声明一个块级变量，使用 let。
2023-06-19 17:29:30
30
1
原创 搜索联想建议优化防抖
创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后调用 func 方法。可以提供一个 options（选项） 对象决定如何调用 func 方法，options.leading 与|或 options.trailing 决定延迟前后如何触发（注：是 先调用后等待 还是 先等待后调用）。func 调用时会传入最后一次提供给 debounced（防抖动）函数 的参数。后续调用的 debounced（防抖动）函数返回是最后一次 func 调用的结果。
2023-06-15 16:51:15
113
1
原创 父元素选中，子元素高亮，处理频道激活高亮
v-model所绑定的active就是绑定当前标签所对应的索引值，为了给文本单独设置样式，在循环中设置插槽，在span里显示循环id。在频道选中时，频道列表的频道高亮，从。设置active样式。
2023-06-02 17:58:07
33
原创 vue中的scoped，与css中的/deep/深度选择
标签带有 scoped attribute 的时候，它的 CSS 只会影响当前组件的元素，和 Shadow DOM 中的样式封装类似。/deep/ 是一种深度选择器，用于选择某个元素的所有后代元素，使他们显示与父组件样式。该搜索框无法显示完全是因为父组件的max-width :60%修改子组件，在子组件前加 /deep/后样式显示成功。
2023-05-25 16:59:57
243
原创 Vant给Tabbar设置子路由后，默认子路由和子路由产生冲突
column表示主轴将从上到下的方向，即为列的方向。row表示其主轴方向是:从左到右，为行的方向。
2023-05-23 15:54:51
135
1
原创 echo print var_dump 区别
echo print var_dump 区别echo 和 print 不是函数，都是语言结构，使用的时候可加也可不加（）echo 可输出多个变量，print只可输出一个变量，echo 输出的速度比 print 快， echo 没有返回值，print有返回值1。var_dump 是调试函数，用于判断一个变量的类型与长度，并输出变量的数值。用var_dump打印所有的对象，可以查看对象内部的数据结构；var_dump里面的变量必须是存在的。...
2021-02-10 16:42:03
180
原创 sql-labs
sql-labs查库： select schema_name from information_schema.schemata查表： select table_name from information_schema.tables where table_schema=‘security’查列： select column_name from information_schema.columns where table_name=‘users’查字段：select username,password
2021-01-24 11:13:14
76
原创 计算机常用端口和协议/图解TCP/IP
计算机常用端口和协议/图解TCP/IPISO国际标准化组织 OSI开放式通信系统互联参考模型MAC地址：介质访问控制 media access controlWWW：万维网 word wide webNOC：网络操作中心 network operation centerIX：网络交换中心 internet exchangeISP：internet service providerHTTP：HyperText Transfer ProtocolHTML：HyperText Transfer M
2021-01-24 09:42:52
535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人