指南
命令行界面指南
这是一份出色的"开源指南",一份构建命令行程序的最佳实践和设计原则。
如何你想创建 CLI 程序,想要避免 40 年来 CLI 设计管理的失误,这个指南非常适合阅读。
2024 高级前端 roadmap
但要成为一名高级前端开发人员,您需要能够影响周围的其他开发人员并做出技术决策。成为你所在领域的专家。
虽然和国内的标准不同的公司的标准不一定相同,但文中提到的技术都值得深入了解。
实践
使用 TS 类型构建工作流
这是一份不错的 TS 类型实践,使用事件驱动为示例,定义了命令、事件等类型,将输入(命令或事件)、输出(命令)、状态定义组成一个工作流。
多个仓库合并为一个 monorepo 的实践
这是一份多个仓库合到一个 monorepo 仓库的实践,如何维护历史的 Git 记录、使用什么工具编排整个仓库的构建。
random() 函数值的分布
也许你经常会使用 radom() 函数做随机值,这是一个 random 值的分布图,不同的组合方式可以得到不一样的分布效果。

React
React 2024 趋势
这是上一期中 2024 React 库推荐 的同一名作者。对 React 仍旧抱有很大的兴趣,2024 年值得关注的 Astro、tRPC、turbopack、vite、react 编辑器、多种无头 UI 库等等。
React Intersection Observer 实践指南
一份 React Intersection Observer 的实践指南,了解如何实现网页滚动时的页面交互。
在 React 中检测点击页面的任意位置
我们在一个弹窗或者一个下拉框框的时候,点击其他位置时关闭弹窗需求中,怎么实现这个是一个简单的实践案例。
这个一份可以直接使用的代码。
function handleOnClick(event: MouseEvent) {
if ( formRef.current && !event.composedPath().includes(formRef.current) ) {
reset();
}
}
useEffect(() => {
document.body.addEventListener('click', handleOnClick);
return () => {
document.body.removeEventListener('click', handleOnClick);
}
}, []);
JS 运行时
V8: Static Roots
Static Roots 是一个具有编译时常量地址的对象。当我们在使用 undefined 、true 等 JS 对象的时候,它们在编译时就被存储在只读堆中,这篇文章介绍了如何通过预测地址的方式快速的识别这些对象。比如判断指针地址是否以 0x61 结尾来判断是否是 undefined。
nodejs 2023 年的发展情况
PS: 这个是 Node JS 的吉祥物 Rocket Turtle