欢迎来到我的博客

摘要： @testing-library/react screen.getByText()可以传正则、字符串 toBeInTheDocument() 文档 https://testing-library.com/docs/react-testing-library/intro/ 阅读全文

摘要：   ![](https://im 阅读全文

摘要： 为什么要写单测 背景 通常我们都是采用敏捷迭代开发，这样才能一步步的靠近用户真正想要的产品 根据戴明环理论，从想法付诸行动到业务取得成效的时间越短，收益越大 这就意味着我们需要快速迭代 而我们的迭代都是在上一次的基础上，持续改进的过程 单元测试是离我们前端最近的，成本最低，效率最快 能解决的问题 市 阅读全文

摘要： jest 单元测试 API 断言语句 describe用于对测试用例进行逻辑分组，使得测试代码更加有组织、易读 expect用于验证代码的行为是否符合预期 test 用于定义测试用例 toBe相当于 ，即全等 toEqual相当于== toBeNull匹配null toBeUndefined匹配un 阅读全文

摘要： TypeScript Record<string, any>表示一个键为字符串类型，值为任意类型的对象 .d.ts文件是放在任何地方都能识别吗？ 在tsconfig.json文件中，有一个include配置项，代表的是哪些文件需要被编译。若里面配置了src/**/.d.ts，则放在src下面的就能识 阅读全文

摘要： 何时需要对 async/await 进行异常捕获 try { // TypeError: Cannot read properties of undefined (reading 'data') // 就是当接口没有返回指定对象，而你又从 undefined 中解构的话，就会引发报错，就需要捕获，注 阅读全文

摘要： 关于 npm 包的版本管理规范和各项配置项的含义 alpha 是指希腊字母 α 关于npm i xxx@latest的含义 其中@latest就是安装latest标签下的版本，默认情况下npm publish将使用latest作为dist-tags，npm i xxx不一定会安装latest标签的最 阅读全文

摘要： 关注点分离原则 图书馆 ├── 分类阅览室 │ └── 书架 │ └── 图书 └── 借阅室 就比如图书馆可以分为：分类阅览室、借阅室 不至于这两个房间混在一起，这样一个房间里面既有借书的人，又有看书的人，比较混乱（虽然现实生活中好像能接受，但是我们在大型应用中，应该遵循单一功能原则） 所以我们在 阅读全文

摘要： JSX 子元素类型 JSX 元素可以指定子元素。在之后的课程里你会看到很多子组件的概念，这里先留一个印象：子元素不一定是子组件，子组件一定是子元素 子元素的类型包括： 字符串，最终会被渲染成 HTML 标签里的字符串； 另一段 JSX，会嵌套渲染； JS 表达式，会在渲染过程中执行，并让返回值参与到 阅读全文

摘要： React 与 Vue 不同的地方 react居然会在同一个文件中写多个组件，而在Vue中一般都是分开的 阅读全文