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