- 博客(16)
- 收藏
- 关注
RSS订阅原创 记 antd的Tabs组件中使用react-codemirror2数据更新，页面不更新
使用tabs的children相关的api去展示内容，但是组件里面设置destroyInactiveTabPane =true。在发现过程中，能知道在codemirror编辑器中的值是变化了的，但是codemirror编辑器是没变化，根据网上找的资料，来源：通过tabs组件切换不同的codemirror编辑器，根据输入或者返回的数据展示不同的内容。不使用tabs组件里面的children相关api去设置内容，使用条件语句去展示不同的内容。1.设置autoRefresh：true，引入相关的插件；
2025-04-25 17:31:37
277
原创 记 fetchEventSource正在请求中跳转其他路由后还在重连的问题
2.当正在实时请求的时候，直接退出当前路由，点击打开一个新标签页访问链接，回到之前的标签页，如果实时请求未暂停或者完成，这个时候会直接跳转到之前正在实时请求的页面里。主要是 openWhenHidden: true的设置。1.当请求失败的时候会自动请求。
2025-04-25 17:17:40
633
原创 打包运行时抛出chunk name [mini-css-extract-plugin] Conflicting order. Following module has been added错误！
首先我们看到这个错误是由，[mini-css-extract-plugin]抛出的，那么这个插件有什么作用？这个插件主要是将css抽离出来到一个文件里面，它的特点是不会重复编译css文件。所以引起这些警告的原因就是我们在项目中引用组件的顺序不同，导致插件遇到了编译过的css文件，才会抛出这个错误。方法四：使用 CSS Modules 避免命名冲突。在网上也找过很多文档，也都试了一遍。方法三：确保插件使用正确。方法二：编辑时忽略排序。
2025-03-14 14:53:54
708
转载 什么是响应式设计？响应式设计的基本原理是什么？如何进行实现？
面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题仅适用布局、信息、框架并不复杂的部门类型网站兼容各种设备工作量大，效率低下代码累赘，会出现隐藏无用的元素，加载时间加长其实这是一种折中性质的设计解决方案，多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。
2024-11-05 10:18:40
551
转载 怎么理解回流跟重绘？什么场景下会触发？
几何尺寸的变化（比如修改元素的宽、高或隐藏元素等）时，浏览器需要重新计算元素的几何属性，然后再将计算的结果绘制出来。在页面初始渲染阶段，回流不可避免的触发，可以理解成页面一开始是空白的元素，后面添加了新的元素使页面布局发生改变。），却并未影响其几何属性时，浏览器不需重新计算元素的几何属性、直接为该元素绘制新的样式，这里就仅仅触发了重绘。Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位置，大小）当你获取布局信息的操作的时候，会强制队列刷新，包括前面讲到的。
2024-11-05 10:12:23
147
转载 css总结二
当按百分比设定一个元素的宽度时，它是相对于父容器的宽度计算的，但是，对于一些表示竖向距离的属性，例如 padding-top , padding-bottom , margin-top , margin-bottom 等，当按百分比设定它们时，依据的也是父容器的宽度，而不是高度。：设备像素比是设备的物理像素与 CSS 像素之间的比例关系。这里要说明一点就是，因为 SVG 中保存的是点、线、面的信息，与分辨率和图形大小无关，只是跟图像的复杂程度有关，所以图像文件所占的存储空间通常会比 png 小。
2024-11-04 17:59:08
123
转载 css总结一
属性用于设置在网格布局（）或弹性布局（）中，子元素（项目）之间的间距。它可以同时设置行间距和列间距，或者分别通过 和 单独设置。适用于： 和 布局可以使用 CSS 的 和 属性来实现具体方法设置文字的 为渐变色。使用 将背景裁剪为文字形状。使用 隐藏文字的原始颜色，确保只显示渐变背景。HTML： css:3.2 gridHTML:css:3.3 Absolute + TransformHTML:CSS:3.4 Line-Height (适用于单行文
2024-11-04 11:18:01
695
转载 使用Promise实现：限制异步操作的并发个数，并尽可能快的完成全部
来同时请求，三个中有一个先完成了，我们就把这个当前数组中已经完成的那一项(第1项)换成还没有请求的那一项(urls中下标为3)。，输入一个url链接，返回一个Promise，该Promise在图片下载完成的时候resolve，下载失败则reject。既然题目的要求是保证每次并发请求的数量为3，那么我们可以先请求urls中的前面三个(下标为0,1,2)，并且请求的时候使用。直到urls已经遍历完了，然后将最后三个没有完成的请求(也就是状态没有改变的Promise)用。
2024-11-01 17:30:33
130
原创 promise.race、promise.all、promise.allSettled 有哪些区别？
对象都完成时解决（无论成功还是失败），并返回一个数组，其中每个元素是一个对象，描述了对应。对象的可迭代对象（通常是数组），并返回一个新的。对象的可迭代对象（通常是数组），并返回一个新的。对象的可迭代对象（通常是数组），并返回一个新的。对象都成功时成功，并返回一个包含所有成功。对象的静态方法，它们的主要区别在于处理。对象解决或拒绝时解决或拒绝，而不管其他。失败，则立即失败，并返回第一个失败的。失败时，返回第一个失败的。它的状态由第一个解决或拒绝的。对象将会在第一个输入的。对象的结果或拒绝原因。
2024-11-01 17:10:32
1243
转载 async/await、generator、promise 这三者的关联和区别是什么?
promise与函数都是用来解决JavaScript中的异步问题，从最开始的回调函数处理异步，到Promise处理异步，到Generator处理异步，再到处理异步，每一次的技术更新都使得JavaScript处理异步的方式更加优雅。从目前来看，被认为是异步处理的终极解决方案，让JS的异步处理越来越像同步任务。
2024-11-01 17:03:50
112
转载 说说对promise的了解
Promise 对象的回调链，不管以then方法或catch方法结尾，要是最后一个方法抛出错误，都有可能无法捕捉到（因为 Promise 内部的错误不会冒泡到全局）。这时，前一个回调函数，有可能返回的还是一个 Promise 对象（即有异步操作），这时后一个回调函数，就会等待该 Promise 对象的状态发生变化，才会被调用。Promise.race(iterable) 方法返回一个 promise，一旦迭代器中的某个 promise 解决或拒绝，返回的 promise 就会解决或拒绝。
2024-11-01 16:18:50
464
原创 树形扁平化处理
root:最开始的父节点值，可以是一个，可以是多个不一样的。2.树形转一维数组，需赋值一个parentId属性。parentId：父节点的属性。name：下层级的属性。
2023-12-17 23:09:30
109
1
原创 根据传入的节点属性值查出符合条件的树形结构
第一种：return arr?if(cur?.length){pre?}else{if(strArr?.tagId)){pre?return pre},[])第二种：if (!arr) {return []if (strArr?.tagId)) {} else {});
2023-12-17 19:43:11
351
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人