useDeferredValue是一个React hook，用于延迟更新UI。 可以使用在数据更新但UI可以延迟渲染的地方，如果状态变化会触发大量渲染时，useDeferredValue可以减少UI的渲染，避免卡顿。 mountDeferredValue useDeferredValue会中会进行新旧value的比较，所以需要创建一个hook对象。

useTransition 是React18提供的新Hook，可让您在不阻塞 UI 的情况下更新状态。 js const [isPending, startTransition] = useTransition(); + isPending: 告诉组件更新是否在pending中; 调用startTransition就设置为true，直到回调函数执行前才设置为fal

今天介绍css @scope，从这个名字中就能看出来是跟作用域有关，没有现在css也支持这个写法了。 一直以来都是sass、less等手段来解决项目中css的作用域问题，现在可以试试css的原生支持效果。 看看下面的html、css代码： html <div> <a>链接1</a> <p> <a>链接2</a> </p> </div> <a>

icon icon用于设置网站的图标. html <link rel="icon" href="favicon.ico" /> 还可以设置不同的sizes。 apple-touch-icon 用于设置移动平台上的图标，该属性是苹果的私有属性，iPhone,iPad,iTouch的Safari浏览器可以通过添加到主屏幕按钮将网站添加到主屏幕上。 html

useSyncExternalStore是React 18提供的Hook，作用是将外部store的状态强制同步到react组件。 例子 jsx import React, {useSyncExternalStore} from 'react'; import ReactDOM from 'react-dom/client'; store let states =

最近将Mac系统升级到Ventura 13.4.1后发现python的默认版本为python3了，导致以前的旧项目在安装以来时报错，旧项目依赖的是python2。报错信息如下 shell gyp verb check python checking for Python executable "/usr/bin/python3" in the PATH gyp verb which su

收集一些有趣、实用，价值比较高的网站。

accent-color的作用 css的accent-color属性修改表单控件的颜色 目前支持的HTML元素如下: + 复选框：\<input type="checkbox"\> + 单选框: \<input type="radio"\> + 范围选择框：input type="range"\> + 进度条：\<progress\> 实际效果 具体什么意思看下面的示例：

由于node_modules日益增大的体积，电脑磁盘的压力与来越大，未来节约空间，在日常开发中慢慢切换为使用pnpm； pnpm有一个全局的store，项目中的node_modules/.pnpm使用硬连接的方式指向全局store。这篇[新一代包管理工具 pnpm 使用心得](https:zhuanlan.zhihu.com/p/546400909)可以了解pnpm。 本文主要介绍在

美剧 1. 绝命毒师 2. 风骚律师 3. 黑钱圣地 4. 毒枭 5. 火线 6. 瑞克和莫迪 7. 兄弟连 8. 太平洋战争 9. 双城之战 10. 赛博朋克：边缘行者 11. 老友记 12. 西部世界 13. 黑帆 14. 最后生还者 15. 黄石 16. 硅谷 17. 空战群英 18. 拾荒者统治 19. 行尸走肉 20. 降世神通 21. 信条 22. 盗梦空间 23. 苍穹浩瀚