react教程,如何利用performance记录代码的运行时间?发布于2022年12月25日 react 在react代码中,偶尔会有记录代码运行时间的需求。通常思路上来说,就是先记录一个开始时间,然后再记录一个结束时间,然后两者做差值。但是,在node里面,有个原生的performance.now(),直接输出就是这... 阅读更多
react教程,如何利用flushSync提升优先级并强制刷新?发布于2022年12月24日 react 本文描述一个flushSync功能,它和createPortal一样,存在于ReactDom中,而不是更常见的ReactDom/client。flushSync可以用于强制刷新。如果你真的有这个需求的话(意思是不常... 阅读更多
react教程,css-in-js框架styled-components如何使用?发布于2022年12月23日 react 为了更好的理解什么是css-in-js技术,苏南大叔这里举例一个react的框架styled-components。通过这个框架的使用,来理解一下,到底什么是css-in-js技术。基于本文的代码,就可以创建一个r... 阅读更多
react教程,类/函数两种组件方式使用传统门功能异位渲染发布于2022年12月21日 react react教程,如何利用传统门功能异位渲染一个组件?在上一篇文章中,已经对传送门的基本原理进行了描述。使用的例子是基于传统的类组件的,在组件加载的时候,添加一个临时容器。在组件卸载的时候,删除这个临时容器。那么,这... 阅读更多
react教程,类组件如何利用传统门功能异位渲染?发布于2022年12月20日 react 本文描述如何利用react功能异位渲染一个组件,和往常所不同的是:本文所渲染出来的组件并不在代码直观所显示的那个位置。而是利用传送门功能将组件位移到另外一个目标位置。但是,逻辑处理上还依然符合传统的react的组件... 阅读更多