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