辰火流光

今天我们分享一个由京东零售团队开源的京东风格的轻量级组件库，如果你喜欢京东的风格，那可以考虑使用它来进行开发，它就是：NutUI。...

在对方痛苦或困难的时候，过分展示自己的得意或幸福，可能会引发对方的负能量（嫉妒和不安）。如果我们能展示同情和理解，不仅能给对方带来安慰，也能让对方更容易接受我们的建议或帮助...

通过 vite-plugin-svg-icons 插件封装SvgIcon组件 配置 vite.config.ts 配置 main.ts 封装SvgIcon组件 src/co...

金石计划是针对掘金社区创作者等级 lv4-lv8 的原创作者发起的奖金瓜分活动，根据要求完成挑战，即可瓜分现金奖池~掘金社区会在活动中挖掘有潜力、闪闪发光的技术创作者，进行...

在 Nest.js 开发中我们通常会选择 TypeORM 框架操作数据库，这对前端 SQL 弱的来说确实是有很大的帮助。但对于一些复杂的查询显得有点麻烦，甚至比直接写 SQ...

前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。 2024年推荐以下小而美的库。 radash 实用的工具...

布局 根据设计图制作登录页面，我们采用了Ant Design组件库进行布局，并加以CSS样式定制，使得布局对不同屏幕尺寸友好。 UI设计图 HTML布局核心代码 下面是Lo...

快速安装zustand 首先，我们需要通过以下命令安装zustand依赖： 安装成功后，将在项目中看到如下依赖提示： 创建store目录和相关文件 在store目录下，创建...

.env 环境变量 首先我们在项目根目录中创建三个文件，分别对应开发环境(.env.development)、生产环境(.env.production)和预发布环境(.en...

any: 类型的逃生口 any 类型是TypeScript的万能类型，它允许将任何值分配给 any 类型的变量，不会在编译时进行类型检查。虽然 any 提供了灵活性，但它降...

快速切换与关闭文件 Ctrl + Tab 功能一览 快速切换： Ctrl + Tab 快捷键能够快速切换已打开的文件和工具窗口。具体方法如下： 按下 Ctrl + Tab ...

我们封装的localStorage.ts文件 我们在src/utils目录中创建localStorage.ts文件，该文件的代码为： 了解localStorage 我们回顾...

1. 使用场景： 公司开会的时候有师兄问到为什么usestate定义一般都写在顶部，对于这个问题我以前总结过，这次看了 react新文档后我给出更加详细的解释并给出具体代码...

使用json-server快速创建Mock服务 json-server 是一个基于 Node.js 的工具，它能够快速模拟出一个全功能的 REST API。使用一个简单的 ...

路由管理：如何在React项目中集成react-router-dom 使用前的准备：安装react-router-dom 为了在React项目中使用路由功能，首先需要安装 ...

配置 Vite 修复静态资源路径问题 运行打包命令： 打包完成后，我们会在项目根目录下看到新生成的 dist 文件夹。 如果在webstorm编辑器中直接预览生成的 dis...

其实乐观更新并不是一个新潮的思想，但大家普遍不会去实现乐观更新，归根到底还是实现成本太高。所以本篇会结合 Next.js 和 useOptimistic 讲解如何低成本并考...

本文是《React管理平台》第二节，通过本文，你将学会如何在GitHub上创建新的代码仓库、如何统一代码风格以及如何使用Prettier和ESLint两大强大工具来格式化代...