自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2023-01-12 17:23:15 14380 24

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

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

2024-08-27 14:29:58 1011

原创 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 330

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

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

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

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

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

2024-06-25 14:31:15 887

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

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

2024-05-15 14:28:09 695

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

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

2024-03-28 15:34:39 2381 1

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

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

2024-03-28 15:31:49 2597

原创 【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 1016

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

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

2024-03-27 14:24:10 1613

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

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

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

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

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

2024-03-21 15:51:23 958

原创 【JS】JavaScript 中 this 关键字

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

2024-03-13 17:00:09 980

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

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

2024-02-21 15:49:40 605

原创 LeetCode 算法分类列表

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

2024-01-17 16:19:37 998

原创 VSCode 中的用户代码片段

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

2023-09-05 13:15:03 619

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

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

2023-08-23 17:39:28 1821

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

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

2023-08-23 16:18:13 9905

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

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

2023-08-18 16:15:10 1978

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

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

2023-08-11 09:31:37 192

原创 【JS】类 class

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

2023-08-02 10:29:32 429

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

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

2023-07-24 22:05:11 117

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

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

2023-07-11 22:06:10 973

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

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

2023-05-25 13:14:16 1178

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

ts 基础学习指南

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

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

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

2023-04-19 00:05:51 5118

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

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

2023-03-16 16:55:07 3578

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

Web Worker 与 SharedWorker 的介绍和使用。

2023-02-17 10:30:13 2744

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

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

2023-02-06 17:48:07 452

原创 webpack 简单入门

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

2022-12-29 21:55:35 648

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

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

2022-11-28 17:43:58 688

原创 使用 qrcode 生成二维码

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

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

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

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

2022-11-25 10:50:52 964

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

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

2022-11-23 17:22:59 1768

原创 git 忽略 node_modules 文件夹

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

2022-11-18 13:08:59 7845

原创 CSS常用的长度单位

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

2022-11-15 10:44:05 750

原创 【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 1336

原创 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 933

原创 前后端身份认证(Session与JWT认证机制)

身份认证(Authentication)又称“身份验证”、“鉴权”,是指通过一定的手段,完成对用户身份的确认。在 Web 开发中,也涉及到用户身份的认证,例如:各大网站的手机验证码登录、邮箱密码登录、二维码登录等。Cookie是存储在用户浏览器中的一段不超过 4kb 的字符串。也就是一个键值对它由一个名称、一个值和几个用于控制 Cookie 有效期、安全性、使用范围的可选属性组成。

2022-10-25 16:18:47 1905

原创 node基础入门、npm与包、Express中间件

该文章主要介绍了node基础入门、npm与包、模块化、以及Express中间件的使用。

2022-10-25 13:53:54 3745

空空如也

空空如也

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

TA关注的人

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