乘风gg

组件基本测试 前置知识 前面几章讲的都是 JS 函数的测试，接下来我们要开始测试 vue 组件了，vue 组件的测试需要依赖另一个库 @vue/test-utils,这个库我们之前装过了，如果没安装可

断言常用方法 断言常用方法 断言最核心的就是 expect 和后面的 toXXX ，我们在前一章看过最简单的toBe 语法，随着更多的数据结构出现，vitest 根据 JS 不同的数据结构类型，有不同

vitest 用法概览 测试文件结构 写单元测试从结构上来说主要分两部分，test Suite（describe） 和 test case(it)。简单理解 suite 类比前端的模块 module，

搭建 vitest 环境 假设我们没有写过 vue 的单元测试，我们初始化一个全新的项目，只要在初始化 vue 项目的时候，使用 vue 自带的脚手架命令，就可以自动安装好一整套的测试环境，vites

为什么需要前端测试 引言： 在软件开发过程中，保证代码的质量和稳定性是至关重要的。而单元测试作为一种有效的测试手段，可以帮助开发团队提高代码的一致性、可维护性和发布效率。之前我的文章2023 年前端工

## Dropdown 下拉菜单 有时候需要调试下拉菜单里面的内容或者样式，默认是 blur 事件。鼠标移动到调试面板，下拉列表就消失了，很麻烦 ![image.png](https://p1-j

本文正在参加「金石计划」 以前我的的格局小，局限于某一个问题的具体实现，而不去考虑跳出这个问题，换一个赛道角度去思考,最近看事情总喜欢横向对比，我称为赛道的思想（其实是不想卷了，发现很多卷是没有意义的

以前在使用语雀文档的时候，发现一个挺好用的功能，搜索文字内容的时候，能搜索图片里的文字，之前一直很好奇，但没有去想怎么做到的，今天有空就刚好研究一下，顺便揭秘一下 示例图如下 普通页面浏览器是搜索不到

什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜出来的都是 webpack、