途伯

本文在上一篇blog的基础上补充了两种情况，主要涉及到方法相关和异步的情况，并且针对场景的场景我们使用了fireEvent来模拟触发一些操作后调用的事件

在实际开发中,为了保证组件的质量一般会要求写单元测试组件,记录总结一下便于了解和深入学习 首先我们应该了解目前单元测试工具 前端测试工具 而说起前端的测试框架和工具，比较主流的 JavaScript

开发综合推荐 别名路径跳转 配置说明 下载后只需自定义配置一些自己常用的别名路径即可 右击插件--》扩展设置--》路径映射在settinas.json中编辑 效果展示 路径别名智能提示 插件名：pat

在本文中我们给 Next.js 应用配置了 vitest 和 React-testing-library 测试环境，这套配置同样适用于其他 react 项目，只需要依照步骤配置即可。

前言 本文将在项目中添加Vitest用于单元测试，并将React Testing Library集成到Vitest中，用于测试React组件。同样，这套方案可以被集成到任意React项目中，如Next

MediaInfo是一个能读取音频和视频文件并分析和输出音视频信息的工具，能输出的内容包括视频信息，音轨，字幕等。 mediainfo.js git地址 mediainfo.js预览地址 本文重点介绍

前端一般会面临 XSS 这样的安全风险，但随着 React 等现代前端框架的流行，使我们在平时开发时不用太关注安全问题。以 React 为例，React 从设计层面上就具备了很好的防御 XSS 的能力。本文将以源码角度，看看 React 做了哪些事情来实现这种安全性的。 Cro…

最近在背面试题时，时常会看见浏览器缓存的作用和重要性，可是没有代码实操过，现在开始实操浏览器强缓存、协商缓存。

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…