rebel

hooks一直都是面试的热门考点。并且面试官对候选人在手写自定义hook，解决实际业务问题上也有较高的要求。在准备这方面的内容时，不妨向优秀的开源项目学习学习，以便在真实面...

前置知识 观念改变 在这一章，会讲到如何测试组件，我在这一章只讲组件测试的基本操作，不会去讲测试的心法，后面章节再专门讲测试的心法，我会带着大家，把复杂的业务点，拆成一个一...

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

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

整体架构与核心思路 Vue 的双向绑定原理基于数据劫持、观察者模式等，通过多个核心模块协同工作，实现数据变化驱动视图更新，以及视图交互（如表单输入等）反向更新数据的效果，整...

AMD、CMD 和 UMD 已经成为较旧的模块化方案。在新项目中直接使用最新的 ESM 方案来实现模块化...

动画可以让网站和应用程序变得有趣且易于使用。它们使应用程序使用起来更加友好，例如单击按钮时会改变颜色并具有一些过渡效果。 想象一下，当你在网站上滚动时，会弹出很酷的动画，告...

超过6点下班都是在折磨我，我宁可工资少点也别让我加班，因为下班后，我可以用GSAP时入1k啊，那到9点我不是入了3k？...

Flutter技术目前在两轮得到了应用和推广，在哈啰App两轮业务场景下基本实现了全量Flutter化改造。...

如何使用 docker 打造前端开发环境 docker 的用法很多，除了可以用来部署项目，还可以用来做开发环境。 用 docker 做开发环境的好处 保持本机清爽 做开发的...

Pinia-Plugin-Persistedstate 简单介绍一下：pinia-plugin-persistedstate是一个pinia状态同步存储的一个插件，可以自定...

Nest.js系列文章主要面向前端或者没有后端开发经验，但又想接触Node.js的读者，分享自己的整个项目开发的历程。当然，也欢迎后端大佬斧正。...

``` @tailwind base; @tailwind components; @tailwind utilities; @layer base { button, [...

react项目搭建 项目的基本配置 github地址： https://github.com/boombb12138/learn-react/tree/master/air...

闲着没事想写个项目，顺便把搭建前端开发规范工作流的过程记录下，其实现在这些工具已经越来越方便了，以前配各种错误，现在新项目十分钟真的轻松搞定（网速不拉跨的情况下）。...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

借助开源库加速VUE项目的开发进度是现代前端开发比较常见的方式，平常收集一些JavaScript库介绍，在遇到需要的时候可以信手拈来。 VUE 生态有很多不错的依赖库或者组...