自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(151)
  • 收藏
  • 关注

原创 【Prettier】代码格式化工具Prettier的使用和配置介绍

前段时间,因为项目的prettier的配置和eslint格式检查有些冲突,在其prettier官网和百度了一些配置相关的资料,在此做一些总结,以备不时之需。

2024-08-21 11:39:00 884

原创 【mysql】MySQL的数据库简单搭建

最近想搞一下用户排名显示的业务,发现mysql的操作忘得差不多的,趁着现在实现用户排名需求,记录下mysql的学习之旅。本篇 默认已经安装好mysql,且已经初始化mysql,并使用mysql账号登录了。若没有,请参考其他博文安装好mysql。mysql不区分大小写,建议关键字用大写(不要学我,我懒我喜欢用小写),取得数据库名、表名和字段中得单词用下划线连接。就这样,一个简单的数据库就搭建好了。

2024-08-16 17:44:39 625

原创 【Vue3】vue模板中如何使用enum枚举类型

有的时候,我们想在vue模板中直接使用枚举类型的值,来做一些判断。

2024-08-13 15:56:36 362

原创 【css】flex布局父元素宽度或高度无法被子元素撑开-bug记录

flex布局父元素宽度或高度无法被子元素撑开问题。解决方案:==**手动计算子元素内容所占宽高,手动赋值给父元素即可。**==

2024-07-24 11:16:38 524

原创 【Node】node的fs模块介绍及使用(一)

node的fs模块api使用介绍

2024-07-19 17:52:59 872

原创 【TypeScript】ts中的keyof语法和作用

keyof 运算符接收一个对象类型,并产生其键的字符串或数字字面联合。

2024-06-04 17:54:00 409

原创 【Node】node的Events模块(事件模块)的介绍和使用

Node.js 的大部分核心 API 都是围绕一种惯用的异步事件驱动架构构建的,在这种架构中,某些类型的对象(称为 "发射器")会发射命名事件,从而导致函数对象(称为 "监听器")被调用。

2024-06-04 13:44:27 1346

原创 【Node】node的Console模块使用。

node:console 模块提供了一个简单的调试控制台,类似于网络浏览器提供的 JavaScript 控制台机制。

2024-06-03 14:32:57 801

原创 【Node】Node的Buffer模块介绍和使用

buffer 是指一个专门存放二进制数据的缓冲区。Node中也实现了buffer的概念和操作方法,就是Buffer模块,也是node模块核心模块之一。

2024-06-03 10:32:53 487

原创 【Node】Assertion testing 模块的使用

node:assert 模块提供了一组用于验证不变式的断言函数。

2024-05-30 16:58:00 1040

原创 【TypeScript】 ts内置定义的类型

TypeScript 提供了多种实用程序类型,以促进常见的类型转换。这些实用程序可在全局范围内使用。

2024-05-28 09:48:42 914

原创 【TypeScript】ts中的Classes使用方法介绍

TypeScript 完全支持 ES2015 中引入的类关键字。与 JavaScript 语言的其他功能一样,TypeScript 添加了类型注解和其他语法,允许您表达类与其他类型之间的关系。

2024-05-23 16:18:55 1275

原创 【TypeScript】ts中的模块

JavaScript 采用不同的方式处理代码模块化由来已久。从 2012 年开始,TypeScript 已经实现了对许多此类格式的支持,但随着时间的推移,社区和 JavaScript 规范已经趋同于一种名为 ES Modules(或 ES6 模块)的格式。

2024-05-16 17:18:54 789 1

原创 【前端】利用canvas实现图片压缩(附demo源码)

有的时候会遇到图片压缩的场景,我们可以使用canvas重新绘制图片,然后利用canvas的toDataURL()API导出base64数据实现图片压缩。

2024-05-16 11:12:50 695

原创 【TypeScript】对象类型的定义

在 JavaScript 中,我们分组和传递数据的基本方式是通过对象。在 TypeScript 中,我们通过对象类型来表示这些对象。

2024-05-15 16:17:38 999

原创 【TypeScript】函数的类型定义

函数是js的重要的一个基础构件,所以TypeScript 有许多方法来描述如何调用函数。让我们来学习如何编写描述函数的类型。

2024-05-15 14:55:11 1034

原创 【TypeScript】ts中的类型别名(Type)的介绍和使用

类型别名(Type)的介绍和使用。类型别名特别常用。

2024-05-14 16:17:38 495

原创 【vue3】vue3中如何使用typescript

现在vue3和typescript搭配使用是一个较常见的方案,下面参考vue3官网总结下在vue项目中使用ts(TypeScript)的方法。

2024-05-14 14:46:27 2964

原创 【前端】实现快速改变内容大小选择框

简单实现选择框改变内容大小和位置。

2024-05-08 18:01:27 366

原创 【前端】实现表格简单操作

表格合并基础篇本篇是在上一章的基础上实现,实现了的功能有添加行、删除行、逆向选区、取消合并功能。添加行分为在上面添加和在下面追加行。利用 insertAdjacentElement 方法实现,该方法可以实现从前插入元素和从后插入元素。删除当前行就是利用元素remove()方法,从dom树种删除元素。逆向选区是指选区从下往上选。解决思路:记录当前选区时鼠标移动方向,往左上移动则为负,往右下移动则为正。负时在首位插入选中节点,正时从尾部追加选中节点,这样合并只需取第一个选中节点即可。获取当前元素

2024-05-06 16:24:11 952

原创 【前端】查找元素在父元素中的索引

如何查找指定元素在其父元素的位置?Elementmdn官网,包含了元素对象的很多属性和方法,可以很方便的对元素进去处理,建议浏览了解下。

2024-05-06 15:58:06 342

原创 【前端】表格合并如何实现?

介绍实现表格合并的一种方法。

2024-04-29 17:42:57 689

原创 【canvas】canvas综合运用:心形图案

心形图案可以两个椭圆相交组合,也可以直接画路径实现。

2024-04-18 13:41:49 403

原创 【canvas】canvas的综合运用:输入文本

利用canvas实现文本的输入和显示。

2024-04-17 17:10:25 1318

原创 【canvas】canvas基础使用(十):文本样式

canvas上下文有一些属性可以更改文本的样式。

2024-04-16 16:23:38 1646

原创 【canvas】canvas基础使用(九):文本绘制

canvas除了能够绘制图形外,也可以绘制文本。

2024-04-16 14:50:07 1577

原创 【canvas】canvas基础使用(八):canvas状态

这两个方法还是比较重要的,一般搭配其他属性或方法使用。结束了。

2024-04-15 15:49:01 361

原创 【canvas】canvas基础使用(七):绘制图像

学习canvas如何绘制图片或视频。给定一个图像,一般使用drawImage()方法绘制。Canvas 2D API 中的 CanvasRenderingContext2D.drawImage() 方法提供了多种在画布(Canvas)上绘制图像的方式。语法:指定绘制位置快速绘制:drawImage(image, dx, dy);指定绘制位置宽高快速绘制:drawImage(image, dx, dy, dWidth, dHeight);指定图像被绘制区域和绘制区域绘制:drawImage(im

2024-04-15 15:42:00 1329

原创 【canvas】canvas的综合运用:图片裁剪

使用canvas实现图片裁剪功能。有一些边界情况要处理。例如,裁剪框边界情况,图片过小缩放后模糊情况等。

2024-04-12 17:06:18 1906

原创 【canvas】canvas基础使用(七):图形变换

图形变换是比较危险的操作,一般搭配canvas的状态方法使用。

2024-04-12 10:30:40 792

原创 【canvas】canvas基础使用(六):图形阴影

阴影一般不使用。

2024-04-11 22:55:02 808

原创 【canvas】canvas的基础使用(五):填充和描边样式

学习如何设置canvas上下文的填充和描边样式。

2024-04-11 16:07:30 1103

原创 【canvas】canvas基础使用(四):线型的设置

学习如何使用canvas来设置线形。

2024-04-10 16:05:41 1104

原创 【canvas】canvas基础使用(三):快速绘制矩形方法

canvas实现了快速绘制矩形的方法。

2024-04-10 14:37:48 1618

原创 【canvas】canvas基础使用(二):使用canvas路径绘制点、线、面

学习canvas路径绘制点、线、面的api。

2024-04-08 20:58:26 2164

原创 【canvas】canvas的基础使用(一):创建canvas

Canvas API 提供了一个通过JavaScript 和 HTML的\元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。Canvas API 主要聚焦于 2D 图形。

2024-04-08 17:24:49 984

原创 【Nuxt3】内置组件介绍

介绍下nuxt3的内置组件用法

2024-04-07 16:56:02 1146

原创 【Vue3】动态组件的使用

记录下动态组件的使用。使用场景:多个组件需要来回切换使用时,可以考虑使用动态组件。

2024-04-02 16:40:42 1281

原创 【JavaScript】async function和await的介绍和使用

async/await是现在常用的一套处理异步函数的方式,更确切的是它们是用来处理Promise的方式。 **async/await 的目的在于简化使用基于 promise 的 API 时所需的语法。**

2024-04-01 17:42:02 1870

原创 【javascript】Promise的介绍和使用方法

Promise 是一个对象,它代表了一个异步操作的最终完成或者失败。它可以进行链式调用、错误捕捉等操作,轻松解决经典的回调地狱问题,可以像编写同步代码那样,从容、简洁、优雅地实现高复杂度的异步函数组合调用代码

2024-04-01 15:52:42 958

前端实现粒子效果展示demo

前端利用canvas技术生成粒子效果展示demo。

2024-05-20

前端本地图片压缩html工具

前端本地图片压缩html工具。 利用canvas技术和图片本地上传功能,实现了图片压缩需求。

2024-05-20

视频截图实现html文件

视频截图实现html文件。 本地打开该html文件,然后上传本地视频,即可按分秒来获得视频截图图片。

2024-05-15

前端js类型检测函数文件

前端js类型检测函数文件,包含了常见类型的检测

2024-03-13

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除