什么是深色主题深色主题到底是什么？这个讲法其实很宽泛，我们以往见过不少深色调为主的界面配色方案。比如程序员非常熟悉的代码编辑器，各种深色皮肤早就大行其道。而我们今天要讨论的，主要是苹果近年来的产品中推出的深色主题功能，以及其在 Electron 中的...

简介Sentry 是什么？中文翻译过来是「哨兵」的意思，没错，它是程序的哨兵，它可以监控我们在生产环境中项目的运行状态，一旦某段代码运行报错、或者发生异常，会第一时间将报错的信息：页面路由、异常文件、请求方式等一些非常详细的信息以消息或者邮件的方式通...

markdown-it 渲染出来的代码块如下面左图一样，光秃秃的一块，也没有任何交互功能，现在我们来美化一下，添加一个 copy 代码的按钮，将代码块的语言也一并显示出来。 开发插件要实现上面的功能，光用 CSS 来做是不够的，我们需要借助 mar...

💡 入门教程推荐：[https://ts.xcatliu.com/](https://ts.xcatliu.com/) 本文不是 TS 的入门教程，可以看成是 《TypeScript 入门教程》的读书笔记，在后面使用 TS 的过程中，想不起来怎...

背景知识对标题提到的知识不熟悉的，这里推荐几个学习的地方： Vue3 - https://cn.vuejs.org/guide/introduction.html JSX - https://cn.vuejs.org/guide/extras/re...

strapi 是什么？strapi 这个名字取自 bootstrap 的后缀 strap，然后因为它是一个提供快速生成安全可靠的 api 架构，然后再加了一个 i，合并就是 strapi，bootstrap 的有启动的意思，你可以用 strapi 来...

当多个开发人员合作开发一个前端项目时，代码质量和一致性是非常重要的。在大型项目中，代码质量和一致性的缺失可能会导致团队之间的沟通问题和代码维护的困难。为了确保代码质量和一致性，前端编程规范工具链是必不可少的。 它可以帮助团队在整个开发周期内保持代码风...

Plasm 是什么？ Plasmo 是个浏览器插件开发框架，号称浏览器扩展界的 Next.js ！ 其框架提供的特性如下： 一流的 React + Typescript 支持 声明式开发（自动生成 manifest.json） 将 UI 组件渲染到...

Pick<Type, Keys> 作用： 从 Type 选择一组 Keys 属性 使用： 123456789101112export interface Todo { remark: string; required: b...

前言Remix 是 React Router 团队开发的基于 React 框架的全栈 Web 框架。既然是基于 React 框架，那么在 React 中能够使用的表单校验方案，同样适用于 Remix。 Remix 中的客户端表单校验可以采用 Reac...