- 博客(9)
- 收藏
- 关注
RSS订阅原创 知识点记录：基于zustand封装useCommon实现简单轻量化的store
在日常开发中，使用到了zustand，感觉非常好用的同时，想自己基于zustand写一个hook来封装维护一个全局的state，实现所有页面实时共享这个state达到类似于store的功能，为了方便使用，不断优化了这个hook，这里记录一下便于后续的项目开发cv。
2024-09-10 11:40:59
154
原创 知识点记录：树的扁平化以及扁平化数据转为树
从UI上看很显而易见，大致就是操作一个接口返回来的树数据，通过v-model传入的选中id集合 selectIds，将原始树数据拆分为左边的 leftTreeData 和右边的 rightTreeData 并渲染到对应区域中即可，两个拆分出来的树数据，相互不能包含对方的末级子数据，穿梭器嘛，实际上就是把左边的数据剪切到右边来，单纯的数据还好说，放在树结构当中，就比较复杂了。那也能通过选中的id，在所有id集合中过滤一下，就能得到所有未选中的id集合，再生成未选中的树leftTreeData渲染到左边区域；
2023-08-15 09:17:12
622
2
原创 知识点记录：css水平垂直居中的几种方法
Grid 布局是将容器划分成了“行”和“列”，产生了一个个的网格，我们可以将网格元素放在与这些行和列相关的位置上，从而达到我们布局的目的。如果子元素的定位更改为fixed，则子元素根据浏览器的可视窗口为父元素来水平垂直居中。如果子元素的定位更改为fixed，则子元素根据浏览器的可视窗口为父元素来水平垂直居中。如果子元素的定位更改为fixed，则子元素根据浏览器的可视窗口为父元素来水平垂直居中。这种设置会导致父元素下所有的子元素都呈现垂直居中的情况。这种情况下，子元素必须为行内（块级）元素。
2023-03-14 18:24:57
374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人