- 博客(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
原创 认识数据库,及 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
原创 【JS】for 与 forEach 分别如何跳出循环
for 循环可以使用 break 和 continue 完成跳出循环,而 forEach 方法本身并不提供直接的方式来跳出循环,但你可以使用一些技巧来模拟跳出循环的效果。
2023-08-18 16:15:10 1978
转载 【JS】设计模式,代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。
设计模式是不区分语言的,是一种编程逻辑。在合适的场景使用合适的设计模式,写出来的代码比较稳定、比较高效、维护性比价高。 设计模式代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。
2023-07-24 22:05:11 117
原创 【JS】使用 JavaScript 随机生成六位字符串,包含数字、大小写字母
使用 JavaScript 随机生成六位字符串,包含数字、大小写字母。
2023-05-25 13:14:16 1178
原创 使用 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
原创 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
翻译 【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
原创 【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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人