写测试通常都会被认作一个乏味的过程，但是这是你必须掌握的一个技能，虽然在某些时候，测试并不是必要的。然后对于大多数有追求的公司而言，单元测试是必须的，开发者对于代码的自信会大幅提高，侧面来说也能提高公司对其产品的信心，也能让用户使用得更安心。 在 React 世界中，我们使用 …

响应式布局 在 H5 中，我们通常会使用 REM 和 VW 这两种单位来实现页面的响应式布局。这两种单位可以让页面元素的大小随着根元素（对于 REM）或视口宽度（对于 VW）的大小变化而变化，从而适应

前言 最近开始阅读react-routerV6的源码，一开始接触到一个名为history的第三方库（下称history库），后面慢慢发现react-router无论是V5版本还是V6版本的设计中很大程

我画了一个结构流程图 它能大体的表现出 history 源码的结构 首先 history 有三个模式 分别是 Browser、hash、memory 这三种模式 这三种模式又分别对应着三个构造函数:

前端路由就是在单页应用中通过URL路径匹配展示内容，本文主要介绍了hash路由和history路由的实现原理以及实现方法。vue中的路由就是基于这两种模式实现的。

很多同学将虚拟列表当做亮点写在简历上面，但是却不知道如何手写，那么这个就不是加分项而是减分项了。在上一篇文章欧阳教会你 如何实现一个定高虚拟列表 ，但是实际项目中更多的是不定高虚拟列表，这篇文章欧阳来

为什么推荐使用 whistle 而不是 Fiddler、Charles！ 前言 在前端开发、接口调试和抓包分析的世界里，Fiddler、Charles、whistle 这三位"老朋友"总是被大家反复提

前言 加载的列表数据过多，会导致页面卡住甚至崩溃，这时候就需要用到虚拟列表技术 实现核心 核心思想是：仅渲染可视区域内（及其附近）的列表项，即不管列表有多少条数据，只取指定数量的项渲染，比如说15条。

本文实践了Vue3组件二次封装的三个实用技巧:实现双向数据绑定、向子组件传递插槽、获取子组件ref。通过实际代码示例,展示了使用defineModel、h函数和Proxy等新特性来简化和优化组件封装过