- 博客(85)
- 收藏
- 关注
原创 JS中的indexOf与Set(其实是引用类型比较的问题)
基本数据类型(Number、String、BigInt、Boolean)会直接拿数值相互比较,引用数据类型(Object(Array\Set\Map都是特殊的Object)) 比较的是它们内存中分配的地址
2024-09-13 22:48:54 335
原创 vue3 手写tab栏的滑动效果
在tab上定位一个slider,每次点击的时候获取当前active的tab-item序号,从而获取到其相对于父元素的水平距离,然后把这个距离更新到slider的left属性上。
2024-04-12 18:12:38 756
原创 Vue3中的reactive与ref
reactive与ref都是Vue3中非常重要的API,众所周知,用这两个API可以创建响应式数据,从而实现Vue的数据驱动视图。平时用的时候只知道用ref定义基本数据类型,reactive定义引用数据类型。解决:给arr2外层包裹一个对象这样可以赋值成功参考发现要么所有数据用ref单独定义,要么用reactive定义一个外层对象,在对象里定义数据(类似Vue2的data) ,最好不要用reactive直接定义数组。接下来复习一下reactive原理。
2024-03-22 17:33:55 1324 1
原创 Vue3 v-for绑定的dom获取ref为undefined
playersRef.value有数据,但是playersRef.value[0]为undefined。P.S. 如果把方法放到updated里面会一直请求数据,就没用updated。用nextTick再调用一次。
2024-03-22 11:31:06 976
原创 JS数组常用函数复习
arr.forEach(currentValue, index, array) (map、filter、every、some、find的参数类似)注意,如果是按照数字从小到大排列不能直接使用sort。unicode的顺序。
2024-02-23 15:18:59 446 1
原创 前端学习--React(5)
管理相对复杂的状态数据定义一个reducer函数,根据action值的不同返回不同的状态在组件中调用useReducer并传入reducer函数和状态的初始值事件发生时,通过dispatch函数分派一个对象,即通知reducer具体返回哪个状态对应的操作。
2023-12-08 16:03:52 1104
原创 前端学习--React(3)
集中状态管理工具,不需要react即可使用,每个store的数据都是独立于组件之外的vue小链接:vuex/pinia。
2023-11-23 20:02:23 1217
原创 前端学习--React(2)
需要复用的逻辑功能,可以单独封装一个函数(函数名一般用use开头)toggle)return {toggle,return (
2023-11-23 09:58:20 130
原创 前端学习--React(1)
React由Meta公司研发,是一个用于 构建Web和原生交互界面的库优势:组件化开发、不错的性能、丰富生态(所有框架中最好)、跨平台(web、ios、安卓)
2023-11-21 14:18:32 551
原创 前端学习--Vue3.0(1)
create-vue是Vue官方新的脚手架工具,底层切换到了 vite(下一代前端工具链),为开发提供极速响应create-vue基于vitevue-cli基于webpack。
2023-06-06 22:45:11 540
原创 使用py2neo将csv导入neo4j
创建节点:创建一个标签类型为“大学”的节点,该节点具有一个name属性,属性值是“清华大学”同样的创建一段由大学到学院的关系。
2023-06-03 10:55:54 978
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人