- 博客(8)
- 收藏
- 关注
原创 react循环生成内容修改循环次数后渲染内容错误
react循环生成内容修改循环次数后渲染内容错误 之前写了一段类似于这样的功能代码,可以通过btn添加或删除一行显示,但有个奇怪的现象,在点击第一行删除时,虽然少了一行,但第一行还在,最后一行不见了。并且查看数据后确定数据没有问题。 const [values, setValues] = useState<{ title: number,id:stirng }[]>([]); return ( <> <Button onClick=
2021-11-25 17:37:30 460
原创 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 8011
原创 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 1364
原创 因为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 3018 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 13232 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 6365 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 2120 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人