ikonan

组件组织 1. 使用自闭合标签保持代码简洁 2. 优先使用 fragments 而非 DOM 节点（如 div、span 等）来组合元素 在 React 中，每个组件必须返回单个元素。不要使用 <di

什么是 Web 扩展？ Web 扩展社区小组于 2021 年在 W3C 成立，由苹果、谷歌、微软和 Mozilla 发起，旨在就浏览器扩展的共同愿景达成一致，并努力实现未来的标准化。 扩展的核心是ma

编者注：==这份命名规范速查表==总结了前端开发中变量和函数命名的核心原则：1) 使用英语命名，保持一致性；2) 遵循 S-I-D 原则（简短、直观、描述性）；3) 避免缩写和上下文重复；4) 函数命

编者注：==本文介绍了一种使用模式匹配优雅处理TanStack React Query各种状态(加载中、错误、成功、空数据)的方法==。1) 通过matchQueryStatus工具函数将复杂的状态判

安装 windows terminal 在windows 应用商店搜索 windows terminal 直接安装即可 安装 scoop （ windows 下的包管理器） 有可能报错 发生异常:“未

我们知道 nodejs 默认使用是 commonjs 模块导入方式 如果我们要使用 esm 模块导入方式 直接将文件后缀 .js 改成 .mjs (方式1) 在package.json 新增type字

异步组件要实现的功能，异步请求数据，请求完数据再挂载组件。没有加载完数据显示 loading 效果。 可量化生产。 主要思路： 可以使用 React.lazy 实现动态加载，那么可以先请求

CSS Modules 提供了一种 composes组合方式，实现对样式的复用。 js 这么写： 此时的 DOM 元素上的类名变成了如下的样子： 上述可以看到，用了 composes 可以将多个 cl

console.dir console.dir() 它可以显示指定JavaScript对象的属性列表。在浏览器控制台中，console.dir()会以层次结构的方式呈现对象的属性，让你可以展开查看子对