自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 第十五届蓝桥杯(Web 应用开发)模拟赛 2 期-大学组(详细分析解答)

刚做完第一期的模拟题目,第二期又开始发布了,花了点时间做完了,分享下自己的解题思路。

2023-11-30 06:00:00 6019 5

原创 Vue3组件间的通信方式

目录 1.props父向子组件通信2.自定义事件 子向父组件通信3.全局事件总线4.v-model组件通信(父子组件数据同步)绑定单个数据同步 绑定多个数据同步 5.useAttrs组件通信 6.ref与$parentref获取子组件实例对象 $parent获取父组件实例对象 7.provide-inject 可以实现隔辈传输8.Pinia选择式API:组合式API:父组件:props用于父组件向子组件传递数据,子组件用defineProps接收父组件传递来的参数在父组件中我们可以在使用子组件时,对其传递p

2023-07-18 18:21:19 4396 4

原创 手把手教你从0搭建部署网站,保姆级教程(nginx部署及宝塔部署)

文本主要介绍如何使用nginx 和 集成的宝塔面板二种方法 来部署上线网站,我用到的云服务器是腾讯云,当然其他的阿里云等服务器都是一样的,区别不大。需要用到的:1.一台云服务器2.Xshell软件(用来连接操作服务器)3.Xftp软件(用来方便管理服务器中的文件)

2023-07-10 09:00:00 7409 10

原创 Python实现微信自动回复信息的功能(根据不同信息回复对应的信息),手把手搭建加代码分析

Python实现微信自动回复信息的功能(根据不同信息回复对应的信息),手把手搭建加代码分析

2023-06-17 16:08:12 11497 37

原创 前端视频无法自动播放的问题,基于Chrome浏览器的自动播放策略原理,详细解释加了autoplay属性之后视频仍然不能自动播放的问题,并提供了二种主流的解决方法

前端视频无法自动播放的问题,基于Chrome浏览器的自动播放策略原理,详细解释加了autoplay属性之后视频仍然不能自动播放的问题,并提供了二种主流的解决方法

2023-06-14 18:22:37 9400 12

原创 维吉尼亚(Vigenere)密码

明文空间、密文空间及密钥空间都是长度为n的英文字母串的集合。因此可表示为P=C=K=(Z26n。加密变换如下设密钥k=(k1k2kn,明文M=(m1m2mn,加密函数为ek(M)=(c1c2cn), 其中ci=(mi+ki) (mod 26)i=12n。对密文c=(c1,c2,…,cn,密钥k=(k1,k2,…,kn,解密变换为dk(c)=(m1,m2,…,

2024-03-25 05:00:00 867

原创 客户端:Vue3,服务端:Node,基于Socket.IO实现单聊的功能

本篇主要讲讲基于Socket.IO实现单聊功能的主要实现,包括了客户端和服务端Node。在这个即时通讯无处不在的时代,实时聊天功能已经成为我们日常生活和工作中不可或缺的一部分。无论是与朋友闲聊,还是与同事协作,单聊功能都是构建任何通讯平台的基石。今天,我们将一起探索如何利用前端界的新星——Vue 3,以及后端的强大工具——Node.js,结合实时通讯的利器Socket.IO,来打造一个高效、稳定的单聊应用。在本篇文章中,我们将从零开始,一步步搭建起一个简单的单聊系统。

2024-03-17 05:00:00 1927

原创 Vue命令式组件的编写与应用

大家好!今天我们来聊聊Vue.js中的一个有趣话题——命令式组件。你有没有觉得,有时候我们在Vue模板里写组件,就像是在玩搭积木,每个积木都有固定的形状和位置?虽然这样很直观,但有时候我们可能需要更多的自由度来发挥创意。这就是命令式组件登场的时候了。它们就像是你的个人DJ,在你需要的时候播放你想要的音乐。不需要预先在模板中定义,你可以直接在JavaScript中调用它们,就像是调用一个函数一样简单。这种方式不仅让组件的使用变得更加灵活,还能让你的代码看起来更加干净利落。

2024-03-16 16:34:32 697

原创 第十五届蓝桥杯(Web 应用开发)模拟赛 3 期-大学组(被题目描述坑惨了)

这次的模拟题是真的狠,后面的四道题难度简直是咔咔涨 不过真到比赛了,估计也没时间写后面的题目。😢。

2024-03-13 05:00:00 3236 1

原创 Vue3中实现歌词滚动显示效果

歌词数据处理首先,我们定义了歌词数据的结构Lyric,并通过函数将歌词字符串解析为该类型的数组。这使得我们能够更方便地处理歌词数据。组件布局在布局方面,我们设计了一个简单的页面结构,包括音乐播放器、CD封面和歌词展示区域。通过ref获取音频元素的引用,并使用watch监听播放位置的变化,实现了歌词的滚动效果。事件处理timeupdate(播放位置变化事件)和canplay(可以开始播放事件)。通过监听播放位置变化,实时更新歌词的高亮位置,并在点击歌词时跳转到对应的播放位置。功能扩展。

2024-02-02 05:00:00 754

原创 Node.js身份验证实践:Express-JWT和JSON Web Token的用法

JSON Web Token(JWT)在应用程序中充当了身份验证和授权的关键工具。它通过在生成的令牌中携带用户信息,实现了无状态的身份验证,避免了传输敏感信息,同时提高了应用的安全性。主要用于验证从客户端发送的包含 JWT 的请求头。它帮助我们确认用户的身份是否有效,并在认证成功后将用户信息附加到请求对象上,方便后续处理。我们学习了如何使用库生成 JWT,并将其发送给客户端。客户端在后续请求中携带 Token,而服务器通过验证 Token 的合法性,实现了用户的无缝身份认证。除了认证外,

2024-01-31 05:00:00 2054

原创 Vue中配置页面加载进度条

Vue中配置页面加载进度条

2024-01-30 05:00:00 1728

原创 使用CSS 或 SASS 实现主题背景切换效果

现在的主流网站中,无论是一些技术文档获取官网,都存在着使用一个switch按钮实现主题背景切换的一个效果,那么这种效果是怎么实现的呢?

2024-01-25 06:00:00 1863

原创 web页面代码片段高亮显示,highlight.js库的使用方法

其实通过观察css和生成的html结构,可以看到每一句代码都是由span标签包裹,且根据不同的代码,添加了不同的class类名所以我们可以改变css中的颜色,来实现自己定制的特点颜色高亮效果这样就实现了自定制的代码高亮效果了更多使用方法可以参考官网highightjs官网highightjs中文官网可以对其插件进一步的封装,完成一些小功能,比如代码复制,代码编写等等。

2024-01-23 06:00:00 2340

原创 第十五届蓝桥杯(Web 应用开发)模拟赛 1 期-大学组(详细分析解答)

完成中的 TODO 部分,当输入框() 的值变化时,触发事件更新index.html中组件(form-input)的v-model值。(调试 tips:考生可以在点击按钮时通过打印formData的值进行查看)。完成js/util.js中的is_email函数,参数是邮箱地址,是合法邮箱返回true,否则返回false。(邮箱的正则校验)完成中通用表单验证函数中的 TODO 部分。如果表单验证通过,则Promise为,否则为(此部分代码已提供)。index.html中定义的formRules。

2023-11-24 06:00:00 2919 1

原创 Vue3 + Nodejs 实战 ,文件上传项目--大文件分片上传+断点续传

​系列专栏:vue3+nodejs 实战--文件上传​​​欢迎关注在上一篇中我们实现了文件的拖拽上传,该篇就讲讲大文件上传的需求场景。

2023-10-20 06:00:00 1343 1

原创 Vue3 + Nodejs 实战 ,文件上传项目--实现拖拽上传

拖拽上传的本质就是用户与页面的交互,其实涉及到的难点不多,只要懂得了设置div或者某个容器为拖拽对象,这种拖拽上传的问题就迎刃而解了,如有不理解或更好的方案可以私信或评论交流。下一篇准备实现大文件的分片上传,欢迎关注。

2023-10-16 06:00:00 1067 3

原创 Vue3 + Nodejs 实战 ,文件上传项目--实现文件批量上传(显示实时上传进度)

系列专栏:vue3+nodejs 实战--文件上传欢迎关注在上一篇中,我们创建好了前端Vue3,后端nodejs的项目,并且实现了一个图片上传的功能,地址在:,该篇实现了文件的批量上传并且显示实时的上传进度。

2023-10-14 16:21:17 1387

原创 Vue3 + Nodejs 实战 ,文件上传项目--实现图片上传

系列专栏:vue3+nodejs 实战之文件上传欢迎关注本系列记录vue3(前端)+nodejs(后端) 实现一个文件上传项目,目前只完成了图片的上传,后续会陆续完成:单文件上传,多文件上传,大文件分片上传,拖拽上传等功能,欢迎关注。

2023-10-12 22:26:17 1730

原创 我的创作纪念日

在这短短的128天里,创作已经渗透到我的生活,成为不可或缺的一部分。它不再仅仅是我的兴趣爱好,而是我每天都思考和参与的核心活动。我学会了平衡创作、工作和学习,使它们相互互补,不冲突。创作让我更全面、更丰富地体验世界,激发了我充满激情和动力。我迫不及待地期待未来的每一天,这是一个无止境的旅程,充满了新的机遇和挑战。让我们一起探索、学习和分享,因为在创作者之路上,没有终点,只有更多的可能等待着我们。

2023-10-11 20:29:12 104

原创 MySQL总结练习题

对之前学习的mysql基础和进阶进行一些练习,巩固前面学完的知识。

2023-10-10 21:12:06 319

原创 MySQL进阶-存储引擎

存储引擎就是存储数据、建立索引、更新/查询数据等技术的实现方式。存储引擎是基于表的,而不是基于库的,所以存储引擎也可被称为表结构。在之前我们建表时都没有指定存储引擎,但是在mysql中的默认存储引擎就是Innodb。2.1查看当前表的存储引擎可以查看某张表的建表语句ENGINE字段就是指定的存储引擎,所以在建表中我们就可以在这个字段指定对应的存储引擎。)engine = 存储引擎名称;

2023-10-06 12:23:49 124 1

原创 MySQL基础-事务

事务是一组操作的集合,它是一个不可分割的工作单位,事务会把所有的操作作为一个整体一起向系统提交或者撤销操作请求,即这些操作要么同时成功,要么同时失败。其主要作用就是为了保证数据的统一性和完整性。最典型的案例:当处理银行账户的转账操作时,可以使用事务来确保数据的一致性和完整性。假设有两个账户,账户A和账户B,我们想要从账户A向账户B转移一定金额。这时候的增加B账户的金额和减少A账户的金额就必须要同时成功,否则就会出现意外情况。

2023-10-05 23:43:57 487

原创 MySQL基础-多表查询

在MySQL中,多表查询是指在一个查询中同时涉及多个表的操作。它可以帮助我们从多个表中检索相关数据,并将它们结合在一起进行分析和展示。

2023-09-28 07:00:00 242

原创 MySQL基础篇-约束

MySQL约束(Constraints)是用于确保表中数据完整性和一致性的规则。它们定义了数据库表中数据的限制条件,以确保数据满足特定的要求。

2023-09-27 07:00:00 205

原创 MySQL基础篇-函数

在MySQL中,函数是一种数据库对象,用于执行特定的操作或计算,并返回结果。函数通常用于查询、数据处理和转换,以及在SQL语句中执行其他操作。MySQL提供了许多内置函数,可以用于各种用途。

2023-09-26 07:00:00 76

原创 MySQL基础篇-基本sql语句

记录SQL数据库的学习笔记。

2023-09-25 07:30:00 254

原创 原生js实现的轮盘抽奖案例

/ 定义定时器变量用来清除定时器// 转动次数// 转动时间间隔let times;// 总转动次数//计算切换总次数如果你跟我一样每天不知道吃啥,可以试试用这个轮盘来决定哦。好好吃饭,好好学习,祝天天开心。

2023-09-10 19:59:40 811

原创 基于canvas实现图片文字水印生成器

基于canvas实现图片文字水印生成器

2023-09-10 11:10:54 531

原创 uni-app动态tabBar,根据不同用户展示不同的tabBar

uni-app动态tabBar,根据不同用户展示不同的tabBar

2023-09-07 17:26:44 4898 2

原创 原生js实现轮播图及无缝滚动

原生js实现轮播图及无缝滚动

2023-09-01 20:38:02 1817

原创 前端图片转base64,并使用canvas对图片进行压缩

图片转base64通常用在用户上传图片的情况下使用,他的作用就是让用户看到预览的图片不受网络的影响。:首先是用户选择图片上传至服务器,服务器保存接收返回一个url地址,然后客户端带着这个url地址再去请求图片,最后才拿到用户上传的图片预览,这个过程如果是网络不好的情况,很影响用户的体验。在上传的时候不需要依赖服务器的请求,直接在客户端就进行转换,利用的是文件IO读取,这个不受网络IO的影响,并且比网络要快的多并且如果有编辑图片的需求,是不是又得重新进行一次第一步的步骤,如果网络不好,非常的影响用户的体验。

2023-08-16 19:32:31 686

原创 Nodejs的fs模块的基础应用

fs模块是Node.js中内置的用于文件系统操作的模块,它提供了各种方法和函数,用于处理文件和目录。

2023-08-03 15:52:59 368

原创 Javascript程序异常处理

1.对于异常的知识,大概要知道基本的错误类型有哪些,这样在写代码,调试代码时能更快的找出程序的错误2.要能够根据错误信息迅速的反应过来是什么错误,并能找到错误的代码行3.要知道捕获异常的语法以及捕获异常的时机4.会在适当的时机手动抛出错误希望此文对你了解异常的知识能有所帮助。

2023-07-25 22:18:22 798

原创 ES6解构对象、数组、函数传参

在ES6的新语法中新增了解构的方法,它可以让我们很方便的从数组或者对象身上取数据,简化了大量重复的代码,让我们的代码更具可读性和维护性。

2023-07-23 21:28:42 370

原创 前端开发多人协作的团队项目时应该要配置的一些规则

本文主要记录了团队开发一个前端项目需要进行的一些前期配置,例如Eslint语法检验,prettierrc格式化规则,以及提交代码时的规则等等。我搭建的项目结构是:Vue3 + Ts + Vite + scss用到的编译器:WebStorm包管理工具:pnpm。

2023-07-19 11:06:49 904 3

原创 黑马微信小程序项目·黑马优购

黑马微信小程序项目·黑马优购

2023-07-08 17:24:34 475 3

原创 微信小程序关于npm包的学习笔记

微信小程序关于npm包的学习笔记

2023-07-04 13:32:06 2871

原创 微信小程序自定义组件学习笔记

微信小程序自定义组件学习笔记

2023-07-03 16:55:58 1774 3

原创 Javascript常用Array内置方法详解(1)

无论是学习还是使用Javascript最绕不开的数据结构之一:Array数组,在平常的开发中我们需要对数组进行一系列的操作,如果都靠自己手写完成是很麻烦的一件事,所以熟练的掌握和使用Array的内置函数尤为重要。提升代码的简洁性能拥有更好的效率和性能提高代码的可读性。

2023-06-29 18:11:00 174 1

快速入门:使用Express-JWT和JSON Web Token保护你的Node.js应用

在构建Node.js应用时,安全性是一个至关重要的方面。本博客旨在解决如何在Express框架中实现令牌生成的问题,使用express-jwt和jsonwebtoken这两个流行的库来确保你的应用程序在身份验证方面具有强大的安全性。

2024-01-30

Vue3 + nodejs 实战 - 文件上传项目 (图片上传,多文件上传,拖拽上传,大文件分片上传,断点续传)后端源码

这个就是Vue3 + nodejs 实战 --- 文件上传项目的前端源码(Vue3)+ 后端(Nodejs),实现的文件上传的代码,主要实现了(图片上传,多文件上传,拖拽上传,大文件分片上传,断点续传)这些功能,如果对文件上传有需求的可以下载该资源看看。这个是后端的源码。

2023-10-19

Vue3 + nodejs 实战 - 文件上传项目 (图片上传,多文件上传,拖拽上传,大文件分片上传,断点续传)前端源码

这个就是Vue3 + nodejs 实战 --- 文件上传项目的前端源码(Vue3)+ 后端(Nodejs),实现的文件上传的代码,主要实现了(图片上传,多文件上传,拖拽上传,大文件分片上传,断点续传)这些功能,如果对文件上传有需求的可以下载该资源看看。这个是前端的源码。

2023-10-19

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

TA关注的人

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