摘要：
在现代网页应用中，电子签名越来越常见，尤其是在合同签署和表单提交中。使用 HTML5 的 <canvas> 元素，我们可以轻松地创建一个签名捕捉工具。本文将带你一步步实现一个简单的签名应用程序。 1. 项目准备 创建基本 HTML 结构：首先，我们需要设置 HTML 页面。我们将包含一个画布元素用于 阅读全文
摘要：
在前端开发中，我们经常需要在组件之间传递数据，并且有时这些数据的类型可能会有所不同，比如传递字符串或 JSX 元素。在本文中，我们将探讨如何在 React 中处理这样的情况，并使用 React.cloneElement 来动态修改传递的 JSX 元素。React.cloneElement 是 Rea 阅读全文
摘要：
在Web开发中，经常需要处理用户上传的图片，其中一个常见的需求是允许用户选择并裁剪图片。本文将介绍如何使用HTML、CSS和JavaScript实现一个简单的图片裁剪工具。 步骤概览 创建HTML结构，包含文件上传控件、裁剪前的图片显示区域，选择裁剪区域、Canvas和显示裁剪后图片的标签。 在 u 阅读全文
摘要：
前言 在Web开发中，有时候我们需要将用户上传的图片进行裁剪，特别是裁剪成圆形的头像图片。这篇博客将介绍如何使用HTML5 Canvas实现图片的圆形裁剪，并将裁剪后的图片上传到服务器。我们将详细讲解相关的代码实现过程，并提供一个完整的示例代码。 步骤概览 创建HTML结构，包含文件上传控件、Can 阅读全文
摘要：
在 TypeScript 中， keyof 操作符用于获取某种类型的所有键。它返回一个字符串或数字的联合类型，包含对象类型的所有可用键。keyof 主要用于在编译时进行类型检查，以确保你访问的属性是对象实际拥有的键。 一、基本使用 type Person = { name: string; age: 阅读全文
摘要：
在 JavaScript 中，typeof 是一个运算符，用于获取一个值的类型。它返回一个字符串，表示值的数据类型。typeof 主要用于检测基本数据类型，如number、string、boolean、undefined、object、function和es6新增symbol类型。 let x = 阅读全文
摘要：
要求：对字符串的字母进行大小写反转，大写字母转为小写，小写字母转为大写。 方法1：使用正则 先对字符串使用split方法转为数组，在对数组进行循环判断看它是否是字母，然后使用toUpperCase转大写，toLowerCase转小写。 const str = 'SDFaskdjhkHJG'; //反 阅读全文
摘要：
业务上遇到一个问题，让我对二组数据进行对比，比较数据的变化，有变化就把它放到新数组中，展示到页面上，因为数据的个数是不固定的，有三块数据都要这么做，它们的唯一值还都不一样，有的是名称，有的是编号，我需要写个函数，把新旧数据，唯一值，值一起传过去。 变化有三种情况，编辑，新增，删除。刚开始直接双重循环 阅读全文
摘要：
TanStack Query使用总结 TanStack Query 是一个开源、功能齐全、支持 TypeScript 的库,非常适合用于处理客户端状态，处理异步或服务器状态。它支持React，Vue,Svelte，Solid框架，大多时候我们都会我们使用的框架把它叫做vue-query或者react 阅读全文
摘要：
当我们想要在git commit 时自动对eslint进行修复可以使用 husky + lint-staged 来完成。 husky就是用来方便我们写钩子函数的，当我们提交git的时候，会触发一些钩子，我们可以在这些钩子里做一些检查，如果检查不通过那么不执行对应的提交操作，相关的文档可以看这个：hu 阅读全文