实际场景

上一篇我们介绍了如何在脚手架中配置mock：React+ts+vite脚手架搭建（四）【mock篇】 本篇我们将介绍一下脚手架的规范，包括两个：代码格式规范、代码提交规范。 相信大家都了解统一代

本文我们将介绍mock，想象一种场景，我们和后端一起做一个需求，我们嗖嗖很快地完成了交互的开发，一切都等着后端接口联调了，结果一问后端接口还没写......

上一篇我们介绍了脚手架搭建的接口篇，如不清楚的话，可以移步：React+ts+vite脚手架搭建（二）【接口篇】 状态管理也是每个脚手架都必备的，用于统一管理应用数据，解决状态共享等难题。 这里

修改配置文件vite.config.ts 修改配置文件tsconfig.app.json 进阶的别名设置（tsconfig.app.json）

在日常牛马工作中，产品给我提了一个需求，让我实现一个签名板子。 在实现之前，我们先确定功能点，然后按照我们确定的功能点一步步实现。手写签名主要有四个功能： 手写、获取绘制数据、根据数据绘制、清楚画板：

上一篇我们完成了前期准备和路由的封装：React+ts+vite脚手架搭建（一）【前期准备+路由篇】 本文我们将进行第二步：接口封装 众所周知，接口是一个项目中最重要的能力之一，一个好的接口封装

不少人在入职之后，便直接投身到已有项目的需求开发工作当中。此时，项目的架子早已搭建完毕，因而无需再去考虑其搭建问题。然而，这也导致我们对项目的一些基础架构知之甚少。要知道，搭建项目架子可是一名前端开发

相信大家在自己的项目实际应用中都会遇到慢网的场景。 在慢网环境中，应用的稳定性和交互是用户体验的关键，所以我们需要从前端的角度提出来一些方式来尽可能的避免慢网对于接口数据的影响，尽可能满足实际的

在日复一日的开发中，产品突然找我，说：“鱼儿，我想下拉框选个数据，我怎么找不到我想选的选项啊？”。我看了一眼产品，当及翻了一个白眼：“哥，你眼神不好吧”。产品看我眼神不对，没有说话

本文实现了在图片上绘制文字的两种思路，并通过demo的方式，去具体实现，实现代码为组件形式，支持即贴即用。 效果展示 需求简介 遇到一个这样的需求，产品要求根据B端用户上传的图片模板，在C端绘制

本文将从交互、接口等几个角度介绍几种应对慢网的方式，用于解决慢网交互不流畅、卡顿，且数据被错误覆盖等问题； 问题描述 交互不流畅 这个比较好理解，就是在某些场景下我们需要接口的数据去渲染页面，如

在本文中，你将学到如何使用react+hook的方式，实现一个移动端和PC端都能用的点击全屏功能，实现效果如下： 思路 我们的目标是通过点击实现全屏效果，那么我们就需要两个东西： 执行的时机 执