自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 NEST.JS 框架中TypeORM 中常用的数据库查询方法

我来详细介绍一下 TypeORM 中常用的数据库查询方法。

2025-11-05 16:14:07 348

原创 Node.js + Vue3 + TypeScript + Element Plus 实现Excel文件上传及接口实现

在现代Web应用中,文件上传是一个常见的功能需求,特别是Excel文件的上传和处理。本文将详细介绍如何使用Node.js作为后端,Vue3 + TypeScript + Element Plus作为前端,实现一个完整的Excel文件上传功能,方便以后遇到类似的直接拿来使用,避免再重复造轮子。

2025-07-23 18:28:43 1122 1

原创 vue3+Ts 项目打包报错问题 记录

【代码】vue3+Ts 项目打包报错问题 记录。

2024-09-09 11:24:17 740 6

原创 uniapp:聊天消息列表(好友列表+私人单聊)支持App、H5、小程序

这是一款通用消息列表和聊天模板插件简单易用,助您轻松创建和管理消息与聊天内容。无论是与朋友互动还是团队沟通,都能满足您需求。立即尝试,畅享交流乐趣!

2024-04-07 10:15:45 15963 165

原创 第八篇:node模版引擎Handlebars及他的高级用法(动态参数)

模版引擎可以简单的理解为升级版的 html 文档,express可以用模版引擎来渲染前端页面,模版引擎有很多种,包括jade,ejs,nunjunks,Handlebars等等,express对每一种都提供了很好的支持,只需要几行代码就可以使用。我们今天来学习下Handlebars(简写hbs)

2024-02-02 10:04:07 2311 191

原创 《家的温暖,国庆团圆》

✅ 中秋节✅ 国庆节✅ 对未来的规划当然写了这么多,经过精心规划和准备,国庆假期的活动安排满满的,也希望这次回去都能圆满完成。开朗的豌豆,再见!

2023-09-28 13:41:17 2748 234

原创 从Vue 2到Vue 3:深入了解路由配置的变化与升级建议

欢迎阅读本篇文章,我们将带您深入探索Vue 2和Vue 3的路由配置。在现代前端开发中,路由是构建交互式Web应用程序不可或缺的一部分。Vue.js作为一种流行的JavaScript框架,在版本2和版本3之间进行了重大改进和升级。在这篇文章中,我们将比较Vue 2和Vue 3的路由配置,并介绍它们之间的主要区别和新特性。我们将探讨Vue Router的使用方法,包括路由的定义、嵌套路由的设置、路由守卫的应用等。我们还将深入研究Vue 3中的新特性,例如如何影响路由配置的方式。

2023-07-28 18:36:49 10109 207

原创 分享18个用于处理 null、NaN 和undefined 的 JS 代码片段

Null、NaN 和 undefined是程序员在使用JavaScript时遇到的常见值。有效处理这些值对于确保代码的稳定性和可靠性至关重要。因此,在今天这篇文章中,我们将探讨 18 个JavaScript代码片段,它们为处理null、NaN和未定义场景提供了便捷的解决方案。这些代码片段将帮助你通过有效处理这些值来编写更清晰、更优雅的代码。

2023-07-24 09:32:17 6128 200

原创 使用echarts+echarts-gl绘制3d地图,实现地图轮播效果

记录一下大屏开发中使用到的echarts-gl大屏的页面根据需求前前后后改了几个版本了,地图的样式也改了又改这里记录一下,因为echarts属性用到的比较多也比较杂,防止以后需要用到忘记了。

2023-07-11 17:51:57 15145 19

原创 uniapp逆地理编码

saca

2022-06-29 13:56:42 1046 5

原创 原生js H5适配它来了 保姆级教学

原生js H5适配它来了 保姆级教学

2022-04-29 10:11:01 908 3

原创 jquery 展开收缩改变状态 保姆式教学代码,默认第二项展开

jquery 展开收缩改变状态 保姆式教学代码,默认第二项展开

2022-04-29 09:41:04 662 5

原创 uniapp请求方法封装

uiapp请求方法封装// 请求接口const commoneUrl = "http://xxxxxxxxxx.com/";// new 域名//get请求封装function getRequest(url, data) { var promise = new Promise((resolve, reject) => { var postData = data; uni.request({ url: commoneUrl + url, data: postData

2022-04-21 00:00:00 796 3

原创 ​​​​1.微信商品详情分享

​​​​微信分享好友,朋友圈

2022-04-20 19:00:00 609 1

原创 原生瀑布流布局

下载插件http://tk.shangpreechina.com/themes/Ewdade/default/js/modernizr.js <!-- 瀑布流 --> <ul class="puBu" id="grid"> <if condition="$res_r"> <volist name="res_r" id="vo" mod="2" key="k"> <li class="puB..

2022-04-20 16:19:42 568 3

原创 告别局域网束缚!这款语音转文字工具结合cpolar远程用也超方便

Whisper Web 主要功能是将语音转换成文字,支持粘贴音频地址、上传音频文件、手机录入语音等多种方式,转写完成后可导出 TXT 或 JSON 格式,满足不同场景下的文本获取需求。作为经常需要处理采访录音的人,真心觉得它很好用:不用复杂配置,打开浏览器就能用,转写速度也不错,对于我这种技术小白来说,省去了搭建服务器的麻烦,非常友好。以前受限于局域网,只能在电脑旁使用,有了 cpolar 后就不一样了。出差时在酒店用手机打开公网地址,就能随时处理同事发来的音频文件;

2025-11-20 14:12:22 838 7

原创 FileRise 让文件管理变简单,搭配cpolar实现远程自由访问

FileRise 是一款轻量级开源网盘,支持文件上传下载、多格式预览、权限管理和分享等功能,适合个人存储资料、团队协作管理文件。它界面简洁,操作直观,即使是新手也能快速上手,还支持断点续传、分片上传,大文件传输更稳定。使用时发现,它的文件预览功能很实用,图片、视频、文档不用下载就能直接查看,文本和代码文件还能在线编辑,临时改个配置或记笔记特别方便。不过要注意,初次部署时需正确配置存储路径,避免数据丢失。

2025-11-06 20:12:34 931 10

原创 TypeScript泛型:让类型也“通用“的魔法

最让我头疼的就是泛型这个概念。什么T、U、K,看起来像密码一样神秘。但当我真正理解并开始使用泛型后,才发现它就像是TypeScript中的"瑞士军刀",能让我们的代码既灵活又类型安全。今天,我想和大家分享我对于TypeScript泛型的理解和实战经验。

2025-11-06 08:53:23 957 2

原创 TypeScript函数:给JavaScript函数加上“类型安全带“

TypeScript的函数特性就像给代码系上了安全带,让很多错误在编写阶段就能被发现。今天就来聊聊TypeScript中的函数,以及它和JavaScript函数的那些区别。

2025-11-06 08:39:47 986

原创 TypeScript枚举:让你的代码更有“选择权“

最开始我都是用普通的常量来定义,直到我发现了TypeScript的枚举(Enum)特性,它让我的代码变得更加清晰和类型安全。今天就来和大家聊聊这个既实用又有趣的特性。

2025-11-05 08:51:29 1473 1

原创 TypeScript类:面向对象编程的超级武器

面对"类"这个概念总是觉得有些抽象。直到在TypeScript中深入使用类之后,我才真正体会到面向对象编程的魅力。今天,我想和大家分享我在实际项目中运用TypeScript类的一些心得和技巧。

2025-11-05 08:46:53 589

原创 TypeScript接口:打造你的代码“契约”之道

在日常的TypeScript开发中,接口(Interface)是我最得力的助手之一。它就像一份严谨的"契约",让我的代码更加可靠和可维护。今天就来和大家聊聊这个看似简单却威力强大的特性。

2025-11-05 08:40:00 542 1

原创 TypeScript 类型系统漫游指南:从入门到爱上类型安全

如果使用 TypeScript,这个问题在编写阶段就会被发现。这就是类型系统的价值——它像是一个贴心的助手,在代码运行前就帮你找出潜在的问题。

2025-11-04 09:17:24 955

原创 从 JavaScript 到 TypeScript:我为什么选择了类型守护

还记得我第一次接触 TypeScript 时,内心是拒绝的。“JavaScript 用得好好的,为什么要多此一举?”——这是 2019 年我在重构一个大型后台管理系统时的真实想法。直到我在一个深夜被一个诡异的 bug 折磨了 3 个小时后,一切都改变了。

2025-11-04 09:00:49 559

原创 告别社交喧嚣,用 Moments+cpolar 建个自己的小天地

Moments 的功能很纯粹,就是让用户创建一个类似朋友圈的私人空间,可发布文字、图片、音乐链接等内容,专注于个人记录和小范围分享。用了一段时间 Moments,感觉特别舒服,没有乱七八糟的广告和推送,能安安静静地记录生活点滴,把喜欢的歌、看过的电影分享在这里,像是自己的一个数字日记本,很治愈~以前它只能在局域网用,换个地方就看不了,挺麻烦的。自从用了 cpolar,就彻底摆脱了这个限制。

2025-11-03 14:00:31 844 5

原创 让TS函数“说到做到“:返回值类型约束的实战心得

今天想和大家分享一些在TypeScript中约束函数返回值类型的实用技巧。这些方法都是我在实际项目中踩过坑后总结出来的,希望能帮你写出更可靠的代码。

2025-11-03 08:42:22 950 2

原创 TS泛型:让类型也学会“套娃”,但这次很优雅

记得我第一次接触泛型时,看着那一对尖括号<>,心里直犯嘀咕:这玩意儿到底有啥用?直到我在项目中写了这样的代码:

2025-11-03 08:33:39 376

原创 TS类型进阶:如何把对象“管”得服服帖帖

大家好,我是小杨。今天想和大家分享几个我在工作中常用的TS对象属性约束技巧。这些技巧曾无数次把我从潜在的Bug中拯救出来,希望能对你有所帮助。

2025-11-01 13:06:22 383 2

原创 从“any”战士到类型高手:我的TypeScript进阶心得

还记得我刚开始用TypeScript时,总觉得给每个变量都声明类型纯属多此一举。那时候我的代码里到处都是any,心想这不就是个带类型的JavaScript嘛,何必这么麻烦。

2025-11-01 12:06:02 898

原创 我的Vue项目胖成球了!用Webpack给它狠狠瘦个身

前几天我正准备下班,运维同事一个电话打过来:"小杨,你们前端打包后的文件怎么都快100M了?服务器都快被撑爆了!" 我老脸一红,赶紧打开那个久未关注的 dist 目录——好家伙,一个个chunk文件胖得跟球一样。

2025-10-31 10:29:52 1206 2

原创 Webpack打包:从“庞然大物”到“精致小可爱”

还记得我刚学前端的时候,最头疼的就是项目部署。一堆HTML、CSS、JS文件,还有各种字体图片,手忙脚乱地传到服务器,还老是报错,不是路径找不到就是文件漏传了。直到我遇到了Webpack,它就像个超级能干的助理,帮我把这一摊子"杂事"打理得井井有条。

2025-10-31 09:08:20 702 2

原创 从平台监控到自主可控:Briefing的视频会议隐私革命

Briefing的核心价值在于将"数据主权"还给用户。开源架构确保代码透明可审计,所有加密算法通过FIPS 140-2认证。支持私有化部署在企业内网,不依赖任何第三方云服务。创新的"洋葱路由"模式,使参会者IP地址对其他人完全隐藏,连服务器管理员都无法追踪谁参加了会议。作为法律咨询公司的IT负责人,我曾为会议安全头疼不已:客户敏感信息在商业视频平台上传送,总担心被数据挖掘;跨国会议因平台地域限制频繁中断。最严重的一次,竞争对手竟能引用我们内部会议的讨论内容,至今无法确定信息泄露途径。

2025-10-30 17:55:06 572

原创 Webpack配置魔法书:从入门到高手的通关秘籍

今天咱们来聊聊Webpack配置这个话题。很多人第一次看到webpack.config.js文件时,感觉就像在看天书一样。别担心,今天我就带你从零开始,一步步解锁Webpack配置的奥秘!

2025-10-30 08:40:22 906 1

原创 webpack了解吗,讲一讲原理,怎么压缩代码

大家好,我是小杨!今天我要带大家探索前端工程化的核心魔法——Webpack。很多人觉得Webpack很复杂,但其实掌握了它的原理,你就会发现它就像个智能的"代码料理机",能把各种原料加工成美味佳肴!

2025-10-30 08:34:52 789

原创 玩转小程序生命周期:从入门到上瘾

作为前端老司机,我经常被问到:“小杨,小程序的生命周期到底怎么玩?”今天我就用最接地气的方式,带你解锁小程序生命周期的正确打开方式。准备好,我们要发车了!

2025-10-30 08:28:46 618

原创 搭建团队文档!Docsify+cpolar开启零配置协作

Docsify的革命性在于将文档网站的复杂度压缩为"三个文件":index.html(入口配置)、README.md(主页内容)、_sidebar.md(导航结构)——全程无需编写一行JavaScript。作为非科班出身的产品经理,我从未想过能独立搭建媲美官方文档的项目站点,且每月服务器成本趋近于零(仅需本地运行)。从用户体验看,其细节设计堪称教科书级:支持"?"快捷键唤起搜索(模糊匹配标题和内容)、图片点击自动放大(无需额外插件)、URL锚点定位到具体段落(便于 issue 引用)。

2025-10-27 15:31:25 710 5

原创 小程序与H5的“握手言和”:无缝嵌入与双向通信实战

朋友们,我是小杨,一个在前端世界里乐于“搭桥修路”的工程师。不知道你们有没有遇到过这种让人头疼的情况:运营急着上一个大型活动页,要求能随时修改,但小程序发版审核至少要等一天;或者,公司有一段成熟复杂的业务H5,老板说:“把它搬进小程序,但人力有限,最好别重写!”

2025-10-23 09:00:31 1422 2

原创 小程序静默更新?用户却无感?一招教你“强提醒”

所以,今天我们就来聊聊,如何用小程序提供的 UpdateManager,主动、优雅地通知用户:“嘿,我们有新版本了,快来更新吧!”

2025-10-23 08:48:10 762

原创 告别商业网盘!Nextcloud+cpolar打造你的专属私有云

Nextcloud作为开源私有云平台的领军者,以文件同步共享为核心,集成在线Office编辑、日历联系人管理等丰富功能。所有数据存储在用户自有服务器,支持精细权限控制和第三方应用扩展。无论是中小企业搭建团队协作平台,还是个人用户管理海量文件,都能提供媲美商业服务的体验,同时确保数据主权完全掌控在自己手中。实际使用中,Nextcloud的跨平台同步能力令人印象深刻——Windows、macOS、Linux和移动设备无缝衔接,文件修改实时同步。

2025-10-15 19:37:51 851 12

原创 小程序登录不迷路:一篇文章搞定用户身份验证

记得我刚接触小程序开发时,最让我困惑的就是登录流程。明明调用了wx.login(),拿到了code,用户为什么还要点击授权?session_key到底是什么时候生成的?这些问题困扰了我好一阵子。

2025-10-11 08:54:16 815 1

13_项目打包.md

13_项目打包

2023-09-01

04_Vue-CLI脚手架.md

04_Vue-CLI脚手架

2023-09-01

03_Vue-webpack.md

03_Vue-webpack

2023-09-01

02_Vue组件.md

02_Vue组件

2023-09-01

01_Vue基础.md

01_Vue基础

2023-09-01

05_Vue路由.md

05_Vue路由

2023-09-01

07_Vue_网络请求.md

07_Vue_网络请求

2023-09-01

04-rem适配布局.md

04-rem适配布局

2023-09-01

05-响应式布局.md

05-响应式布局

2023-09-01

02-流式布局.md

02-流式布局

2023-09-01

06-补充总结-利用视口单位适配页面.md

06-补充总结-利用视口单位适配页面

2023-09-01

03-flex布局.md

03-flex布局

2023-09-01

07-Sass语法学习笔记.md

07-Sass语法学习笔记

2023-09-01

03-原生ajax操作.md

03-原生ajax操作

2023-09-01

03-flex布局.zip

03-flex布局

2023-09-01

02-ajax及http协议概述.md

02-ajax及http协议概述

2023-09-01

04-rem布局.zip

04-rem布局

2023-09-01

02-流式布局.zip

02-流式布局

2023-09-01

01-移动端基础知识.md

01-移动端基础知识

2023-09-01

06_Vue_状态管理.md

06_Vue_状态管理

2023-09-01

前端开发WebSocket封装实现断网重连与自动心跳:提升实时数据传输稳定性及用户体验

内容概要:本文详细介绍了如何封装一个支持断网重连和自动心跳的WebSocket客户端。首先强调了WebSocket在前端开发中的重要性,并展示了官方API的基本用法。接着,文章通过创建一个自定义的WebSocketClient类,逐步实现了以下功能:初始化连接、处理各种事件(如打开、消息、关闭、错误)、发送消息、关闭连接。在此基础上,进一步添加了断网重连机制,包括记录重连次数、设置最大重连次数和重连间隔,以及在连接关闭或发生错误时自动尝试重连。最后,实现了自动心跳功能,通过定时发送心跳消息来保持连接活跃,并在一定时间内未收到响应时触发重连。整个封装过程保持了与官方API一致的使用方式,降低了学习成本。 适合人群:具备一定前端开发经验,尤其是对WebSocket有一定了解的研发人员。 使用场景及目标:①需要实现实时数据推送的应用场景,如股票行情、聊天室等;②确保在网络不稳定的情况下,前端能够自动恢复与服务器的连接;③通过心跳机制保证连接的活跃性,避免因长时间无数据传输导致的连接中断。 阅读建议:读者应结合实际项目需求,理解每个功能模块的设计思路和技术实现细节,特别是在断网重连和心跳机制部分。同时,建议读者亲自调试代码,体验封装后的WebSocketClient在不同网络环境下的表现。

2025-06-05

个性图标鼠标悬浮动画效果

个性图标鼠标悬浮动画效果

2025-02-17

热成像项目资源.zip

热成像项目资源.zip

2024-09-12

excel数据转换成波形图封装.html

将 Excel 数据转换成波形图(Waveform Chart)可以帮助你更好地可视化时间序列数据或信号波形。以下是一个简要的概述,介绍如何将 Excel 数据转换成波形图以及所需的步骤和工具: 什么是波形图? 波形图是一种用于显示随时间变化的信号的图表类型,常用于音频信号、电子信号、传感器数据等领域。它可以帮助你观察数据的变化趋势、频率特征和波动模式。

2024-09-11

excel热成像封装+双线性插值算法

热成像技术在工业、医学和科学研究中发挥了重要作用,它能够通过捕捉不同物体的温度分布图像来提供宝贵的信息。然而,要有效地展示和分析这些热成像数据,我们需要使用适当的工具和算法。本文将介绍如何使用Excel展示热成像数据,并实现插值算法以增强数据分析的准确性和可视化效果。

2024-09-11

00-客户端服务器概念说明.md

00-客户端服务器概念说明

2023-09-01

06-axios.md

06-axios

2023-09-01

05-fetch.md

05-fetch

2023-09-01

09-表单-补充.md

09-表单-补充

2023-09-01

01-json-server服务器.md

01-json-server服务器

2023-09-01

04-jquery-ajax操作.md

04-jquery-ajax操作

2023-09-01

07-图书管理案例-axios版.md

07-图书管理案例-axios版

2023-09-01

面试题集合-2022最新版.txt

面试题集合-2022最新版

2023-09-01

衣服尺码选择功能.html

衣服尺码选择功能

2024-01-26

用html和css实现五星红旗

要用HTML和CSS实现五星红旗,首先需要明确五星红旗的结构。五星红旗总共由两个部分组成:红色背景和五颗黄色五角星。因此,我们可以利用HTML中的div标签作为容器,来实现五星红旗的布局。 要用HTML和CSS实现五星红旗,可以按照以下步骤进行: 创建一个包含五颗黄色五角星的容器。可以使用div标签,并为其添加一个类名或id作为选择器。 通过CSS设置容器的宽度和高度,以及背景颜色为红色。可以使用width、height和background-color属性来实现。 使用CSS绘制五角星。可以通过伪元素(如:before和:after)来创建五角星的不同部分,使用border属性设置边框样式,以及transform属性进行旋转和定位。 调整五角星的大小和位置,使它们按照正确的比例和排列方式显示在红色背景中。可以使用margin、padding和position等CSS属性来进行调整。 根据设计需求,可能需要添加其他样式,如设置容器居中显示、调整五颗星之间的间距等。同时祝祝祖国母亲生日快乐

2023-10-07

前端面试宝典V4.0.pdf

前端面试宝典V4.0

2023-09-01

伪类选择器.png

伪类选择器

2023-09-01

axios.js

axios

2023-09-01

附1:接口文档.md

附1:接口文档

2023-09-01

08-图书管理案例-jquery版.md

08-图书管理案例-jquery版

2023-09-01

空空如也

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

TA关注的人

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