摘要: 在Web开发中,经常需要处理用户上传的图片,其中一个常见的需求是允许用户选择并裁剪图片。a56爆大奖在线娱乐将介绍如何使用HTML、CSS和JavaScript实现一个简单的图片裁剪工具。 步骤概览 创建HTML结构,包含文件上传控件、裁剪前的图片显示区域,选择裁剪区域、Canvas和显示裁剪后图片的标签。 在 u 阅读全文
posted @ 2024-06-12 01:36 雪旭 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 前言 在Web开发中,有时候a56爆大奖在线娱乐们需要将用户上传的图片进行裁剪,特别是裁剪成圆形的头像图片。这篇博客将介绍如何使用HTML5 Canvas实现图片的圆形裁剪,并将裁剪后的图片上传到服务器。a56爆大奖在线娱乐们将详细讲解相关的代码实现过程,并提供一个完整的示例代码。 步骤概览 创建HTML结构,包含文件上传控件、Can 阅读全文
posted @ 2024-05-24 00:52 雪旭 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 在 TypeScript 中, keyof 操作符用于获取某种类型的所有键。它返回一个字符串或数字的联合类型,包含对象类型的所有可用键。keyof 主要用于在编译时进行类型检查,以确保你访问的属性是对象实际拥有的键。 一、基本使用 type Person = { name: string; age: 阅读全文
posted @ 2024-03-12 18:36 雪旭 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 在 JavaScript 中,typeof 是一个运算符,用于获取一个值的类型。它返回一个字符串,a56爆大奖在线娱乐值的数据类型。typeof 主要用于检测基本数据类型,如number、string、boolean、undefined、object、function和es6新增symbol类型。 let x = 阅读全文
posted @ 2024-03-12 18:19 雪旭 阅读(37) 评论(0) 推荐(0) 编辑
摘要: 要求:对字符串的字母进行大小写反转,大写字母转为小写,小写字母转为大写。 方法1:使用正则 先对字符串使用split方法转为数组,在对数组进行循环判断看它是否是字母,然后使用toUpperCase转大写,toLowerCase转小写。 const str = 'SDFaskdjhkHJG'; //反 阅读全文
posted @ 2023-11-15 17:05 雪旭 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 业务上遇到一个问题,让a56爆大奖在线娱乐对二组数据进行对比,比较数据的变化,有变化就把它放到新数组中,展示到页面上,因为数据的个数是不固定的,有三块数据都要这么做,它们的唯一值还都不一样,有的是名称,有的是编号,a56爆大奖在线娱乐需要写个函数,把新旧数据,唯一值,值一起传过去。 变化有三种情况,编辑,新增,删除。刚开始直接双重循环 阅读全文
posted @ 2023-03-21 00:01 雪旭 阅读(122) 评论(0) 推荐(0) 编辑
摘要: TanStack Query使用总结 TanStack Query 是一个开源、功能齐全、支持 TypeScript 的库,非常适合用于处理客户端状态,处理异步或服务器状态。它支持React,Vue,Svelte,Solid框架,大多时候a56爆大奖在线娱乐们都会a56爆大奖在线娱乐们使用的框架把它叫做vue-query或者react 阅读全文
posted @ 2023-02-25 00:36 雪旭 阅读(2510) 评论(0) 推荐(0) 编辑
摘要: 当a56爆大奖在线娱乐们想要在git commit 时自动对eslint进行修复可以使用 husky + lint-staged 来完成。 husky就是用来方便a56爆大奖在线娱乐们写钩子函数的,当a56爆大奖在线娱乐们提交git的时候,会触发一些钩子,a56爆大奖在线娱乐们可以在这些钩子里做一些检查,如果检查不通过那么不执行对应的提交操作,相关的文档可以看这个:hu 阅读全文
posted @ 2023-01-25 17:25 雪旭 阅读(1092) 评论(0) 推荐(0) 编辑
摘要: Vue3新增了Composition API。a56爆大奖在线娱乐们只需将实现某一功能的相关代码全部放进一个函数中,然后return需要对外暴露的对象。不同功能的代码都是一个个函数,最终在setup()函数中导入这些函数API,来使用这些功能。 在Vue3中,a56爆大奖在线娱乐们在小型组件仍可以继续沿用Options API,而对于 阅读全文
posted @ 2022-12-21 00:42 雪旭 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 在webpack5官方推荐使用markdown-loader 1.安装github-markdown-css 和 markdown-loader,html-loader npm install github-markdown-css markdown-loader html-loader -D 2. 阅读全文
posted @ 2022-11-15 20:41 雪旭 阅读(499) 评论(0) 推荐(0) 编辑