自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端使用xlsx-js-style导出Excel文件并修饰单元格样式

前端使用xlsx-js-style导出Excel文件并修饰单元格样式

2023-01-12 17:23:15 16058 28

原创 [ LeetCode 75 ] 283 移动零(JavaScript)

使用 JavaScript 语言与双指针的策略求解 leetcode 283 移动零的问题。

2025-01-10 22:00:00 540

原创 [ LeetCode 75 ] 1768. 交替合并字符串

给你两个字符串 word1 和 word2。请你从 word1 开始,通过交替添加字母来合并字符串。如果一个字符串比另一个字符串长,就将多出来的字母追加到合并后字符串的末尾。输入:word1 = “abc”, word2 = “pqr”合并后: a p b q c r。返回合并后的字符串。输出:“apbqcr”

2025-01-07 23:00:00 304

原创 CSS 实现 两栏布局、三栏布局,以及常见的水平居中的方法

前端开发中使用 CSS 完成常见的页面布局,两栏布局、三栏布局,常见的水平居中的方法

2024-08-27 14:29:58 1329

原创 Nodejs 运行前端项目时,报错:Error: error:0308010C:digital envelope routines::unsupported。原因是 node 版本过高

Nodejs 运行前端项目时,报错:Error: error:0308010C:digital envelope routines::unsupported。原因是 node 版本过高,切换到 17 以下即可。

2024-08-22 16:34:08 384

原创 npm 淘宝镜像证书过期,错误信息 Could not retrieve https://npm.taobao.org/mirrors/node/latest

找到安装目录的,setting.txt 文件。发现 npm 过期,需要更换新地址。

2024-07-03 18:11:10 738 1

原创 宝塔面板部署前端项目

使用宝塔面板 6 步完成前端项目的部署

2024-06-25 14:31:15 1109

原创 认识数据库,及 MySQL数据库的基本使用

SQL(英文全称:Structured Query Language)是结构化查询语言,专门用来访问和处理数据库的编程语言。能够让我们以编程的形式操作数据库里面的数据。三个关键点:① SQL 是一门数据库编程语言② 使用 SQL 语言编写出来的代码,叫做SQL 语句③ SQL 语言只能在关系型数据库中使用(例如 MySQL、Oracle、SQL Server)。非关系型数据库(例如 Mongodb)不支持 SQL 语言。

2024-05-15 14:28:09 729

原创 【React】vite + react 项目,配置项目路径别名 @

为了方便使用,希望使 @ 符号代表 src 文件路径,因此需要在项目中配置路径别名。下面介绍,如何在 vite + react 的项目中配置项目路径别名@

2024-03-28 15:34:39 3551 2

原创 【React】vite + react 项目,安装、配置、使用 less

在 React 项目中使用 Less(一种 CSS 预处理器)可以让你更方便地管理样式。在需要引入样式的组件中,使用 import 引入 less 文件即可。

2024-03-28 15:31:49 3433

原创 【React】react 使用 lazy 懒加载模式的组件写法,外面需要套一层 Loading 的提示加载组件

react 项目在创建 router 路由时,使用 lazy 懒加载时,导致以下报错:- The above error occurred in the component:- Uncaught Error: A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix,

2024-03-27 14:25:30 1124

原创 【React】vite + react 项目,进行配置 eslint

eslint 我们常应用在代码静态扫描中,通过设定的 eslint 的语法规则,来对代码进行检查,通过规则来约束代码的风格,以此来提高代码的健壮性,避免因为代码不规范导致应用出现 bug 的可能。而规则是自由的,可以设定内部自己团队适用的规则,也可以直接使用开源社区比较热门的规则集合。

2024-03-27 14:24:10 2188

原创 【微信小程序】零基础快速入门

微信小程序入门学习,从基础语法、页面事件、页面与全局配置、路由导航、生命周期,到 WXS 脚本、插槽、组件通信、全局数据共享等等,一篇文章零基础快速入门。

2024-03-21 16:06:33 2097 1

原创 【JS】JavaScript 中的原型与原型链

JavaScript中的原型(prototype)和原型链(prototype chain)是面向对象编程中的重要概念,用于实现对象之间的继承和属性访问。

2024-03-21 15:51:23 986

原创 【JS】JavaScript 中 this 关键字

this 是一个关键字,能够在函数执行过程中访问运行环境,它的值根据函数的调用方式和上下文而变化,所以 this 是动态的,动态指向当前函数的运行环境。this 是一个指针型变量,在 JavaScript 中没有指针的概念,但是this真实地指向当前调用对象,能够在函数内部访问和操作当前对象的属性和方法。

2024-03-13 17:00:09 1082

原创 【JS】JavaScript 实现大数相加不丢失精度

在 JavaScript 中,处理大数相加可以使用字符串操作来避免数值溢出的问题。这只是一个简单的实现示例,可能无法处理所有的特殊情况,如负数、非数字字符等。在实际应用中,你可能需要根据具体需求对该函数进行进一步的改进和优化。

2024-02-21 15:49:40 693

原创 LeetCode 算法分类列表

💡 LeetCode 高频面试题分类列表,总共24类,312道题目!

2024-01-17 16:19:37 1044 1

原创 VSCode 中的用户代码片段

在 VSCode 中,用户可以通过自定义代码片段(User Snippets)来快速插入常用的代码块。

2023-09-05 13:15:03 654

原创 【React 】react 中的路由鉴权与路由拦截

在 React 中,路由拦截和路由鉴权是两个相关但不完全相同的概念。

2023-08-23 17:39:28 2207

原创 【JS】关于精度丢失,产生的原因以及解决方案

在前端开发中,精度丢失是一个常见的问题,特别是在涉及到浮点数计算时。

2023-08-23 16:18:13 10755 1

原创 【JS】for 与 forEach 分别如何跳出循环

for 循环可以使用 break 和 continue 完成跳出循环,而 forEach 方法本身并不提供直接的方式来跳出循环,但你可以使用一些技巧来模拟跳出循环的效果。

2023-08-18 16:15:10 2078

原创 【JS】宏任务与微任务

JavaScript 的任务分为宏任务与微任务,二者的执行顺序有一定的区别,理解他们的执行机制对于处理异步操作非常重要。

2023-08-11 09:31:37 217

原创 【JS】类 class

类(class)是用于创建对象的模板。

2023-08-02 10:29:32 539

转载 【JS】设计模式,代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。

设计模式是不区分语言的,是一种编程逻辑。在合适的场景使用合适的设计模式,写出来的代码比较稳定、比较高效、维护性比价高。 设计模式代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。

2023-07-24 22:05:11 135

原创 【JS】数组与树结构相互转换,根据 id 查找树节点的路径

数组与树结构相互转换,根据 id 查找树节点的路径。

2023-07-11 22:06:10 1016

原创 【JS】使用 JavaScript 随机生成六位字符串,包含数字、大小写字母

使用 JavaScript 随机生成六位字符串,包含数字、大小写字母。

2023-05-25 13:14:16 1285

原创 【TS】TypeScript 基础学习指南

ts 基础学习指南

2023-05-17 13:41:04 2304 5

原创 使用 crypto 模块进行加密和解密

使用 crypto 模块进行加密和解密。crypto 模块的主要功能有哈希算法(md5、sha1、sha256等)、对称加密(AES)以及非对称加密。

2023-04-19 00:05:51 6080

原创 git cherry-pick 的作用与使用方法

cherry-pick ,精心挑选的意思,挑选一个我们需要的 commit 。其作用:将在其他分支上的 commit 修改,移植到当前的分支。

2023-03-16 16:55:07 3887

原创 Web Worker 与 SharedWorker 的介绍和使用

Web Worker 与 SharedWorker 的介绍和使用。

2023-02-17 10:30:13 3203

原创 前端使用 html2canvas 和 jspdf 实现 PDF 下载

前端使用 html2canvas 和 jspdf 实现 PDF 下载。

2023-02-06 17:48:07 501

原创 webpack 简单入门

webpack 是一个模块打包工具,可以把互相依赖的 html css js 以及图片、字体等资源文件,经过一系列的处理,打包成静态的前端项目。对于图片等静态资源的文件,webpack 原生就支持,不需要额外的安装 loader。打包完成后,根目录会生成一个 dist 文件夹,文件夹下面会有一个 main.js 文件。即是我们打包后的文件

2022-12-29 21:55:35 662

原创 前端使用 qrcode 与 html2canvas 生成二维码并导出

在实际开发中,我们有可能需要根据数据生成二维码的功能模块。前后端都是可以实现的,但是前端相对更灵活一些。需要用的js库有:qrcode、html2canvas

2022-11-28 17:43:58 717

原创 使用 qrcode 生成二维码

qrcode 是一个用于生成二维码的 JavaScript 库,主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成。

2022-11-28 13:51:15 7755 1

原创 使用 html2canvas 将html元素保存为图片

使用html2canvas将html元素保存为图片。

2022-11-25 10:50:52 1007

翻译 【React】react 性能优化的方式有哪些

react凭借virtual DOM和diff算法拥有高效的性能,除此之外也有很多其他的方法和技巧可以进一步提升react性能。一下几中方法有助于提升react性能,虽然不必一定要在项目中使用这些方法,但是我们有应该知道如何使用这些方法。

2022-11-23 17:22:59 1838

原创 git 忽略 node_modules 文件夹

git 忽略 node_modules 文件夹在开发过程中,如果不想跟踪 node_modules 文件中的许多更改,可以在项目中创建一个.gitignore文件,用来设置 git 忽略该文件夹。

2022-11-18 13:08:59 8094

原创 CSS常用的长度单位

CSS中一些常用的长度单位,px、%、rem、em、vw 和 vh。

2022-11-15 10:44:05 778

原创 【JS】Set 与 Map 的使用

(1)Set 对象类似于数组,成员的值都是唯一的,常用于数组去重等。Set 没有 value 只有key,value 就是 key,key 是不允许重复的。(2)Map 对象是键值对集合,和JSON对象类似,但是 key 不仅仅可以是字符串,还可以是其他类型的值。Map 中的键也是不允许重复。(3)Map 的键是不能修改的,但是键对应的值是可以修改的;Set 不能通过迭代器来改变 Set 的值,因为 Set 的值就是键。(4)Map 和 Set 数据结构是ES6语法,最大优点就是运行时间少大大。

2022-10-31 15:29:10 1427

原创 for...in 与 for...of 的用法与区别

无论是for...in还是for...of语句都是迭代一些东西。它们之间的主要区别在:(1)都可以循环数组,for...in 输出的是数组的index下标,而for...of 输出的是数组的每一项的值。(2)for...of 不能遍历对象,for...in 遍历对象,输出对象的key。(3)for...in 语句以任意顺序迭代对象的可枚举属性。for...of 语句遍历可迭代对象的value。

2022-10-31 10:08:59 954

空空如也

空空如也

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

TA关注的人

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