- 博客(8)
- 收藏
- 关注
RSS订阅原创 react循环生成内容修改循环次数后渲染内容错误
react循环生成内容修改循环次数后渲染内容错误 之前写了一段类似于这样的功能代码，可以通过btn添加或删除一行显示，但有个奇怪的现象，在点击第一行删除时，虽然少了一行，但第一行还在，最后一行不见了。并且查看数据后确定数据没有问题。 const [values, setValues] = useState<{ title: number，id:stirng }[]>([]); return ( <> <Button onClick=
2021-11-25 17:37:30
436
原创 css去除padding部分的背景颜色的方法
css除去padding部分的背景颜色 在网页中，如果给一个元素设置一个背景颜色，其背景会默认铺满整个元素（包括border和padding），这时我们可以使用background-clip来控制背景的蔓延。1.background-clip：border-box border-box是默认的显示状态，如图所示，border和padding下都被背景颜色所填充2.background-clip：padding-box padding-box控制背景延伸至padding外沿。如图，border下没
2021-08-23 15:19:07
7542
原创 Lodash常用方法
一些小方法1.obj1.findkey对象的find方法，返回第一个符合条件的对象的key。const obj = { a: 10, b: 20, c: 30 };const result = findKey(obj, (e) => e < 20);// result='a'2.get一般通过这个方法获取嵌套层数较深的数据,这个方法对在ts中查找嵌套数据有奇效。const obj= { a: [{ b: { c: 30 } }] };const result = get(o
2021-07-22 14:38:23
1314
原创 因为padding和border宽度导致子元素超过父元素的解决方法
因为padding和border宽度导致子元素超过父元素的解决方法 在 CSS 盒子模型的默认定义里，对一个元素所设置的 width 与 height 只会应用到这个元素的内容区。如果这个元素有任何的 border 或 padding ，绘制到屏幕上时的盒子宽度和高度会加上设置的边框和内边距值。 如对child container赋予如下的css，最终的样式将会变成这样。.child{ width: 100%; border: solid #5B6DCD 10px; padding: 5px;
2021-06-23 19:45:43
2674
1
原创 使用react-flow制作流程图
1.react-flow react-flow是一个用于构建基于节点的应用程序的库。这些可以是简单的静态图或复杂的基于节点的编辑器。同时react-flow支持自定义节点类型和边线类型，并且它附带一些组件，可以查看缩略图的Mini Map和悬浮控制器Controls.2.react-flow安装npm install react-flow-renderer # npmyarn add react-flow-renderer # Yarn官方文档地址: https://react
2021-06-23 19:20:23
12450
2
原创 使用Moment Timezone将时间转换为目标时区的时间
1.moment-timezone moment是一个强大JavaScript 日期处理类库，但为了根据时区计算对应的时间时，一般会采用手动设置时间偏移量的方法，使用起来十分繁琐。于是就有了moment-timezone，JavaScript 时区处理类库。moment-timezone可以视为在moment的基础上多封装了一个时区转换方法的js库，所以moment的使用方法在moment-timezone中也基本都可以实现。2.moment-timezone安装npm install moment-
2021-04-16 13:35:16
6051
1
原创 在react中使用Dragula实现网页元素拖拽,嵌套拖拽
Dragula实现网页元素拖拽,嵌套拖拽 在开发一个react项目时，需要实现一个拖拽功能，而由于某些原因，react-dnd，react-beautiful-dnd等react拖拽组件无法被使用。于是我将目光放在了js拖拽库上，在实验了众多后，终于被我找到了dragula。它是我目前所见到的最为简单易用的拖拽库。Dragulagithub链接: link.合理的创建标题，有助于目录的生成直接输入1次#，并按下space后，将生成1级标题。输入2次#，并按下space后，将生成2级标题。以此类
2021-03-24 15:39:55
1983
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人