自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2025-07-23 18:28:43 980

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

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

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

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

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

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

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

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

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

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

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

2023-09-28 13:41:17 2626 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 9998 207

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

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

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

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

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

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

原创 uniapp逆地理编码

saca

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

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

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

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

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

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

2022-04-29 09:41:04 631 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 769 3

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

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

2022-04-20 19:00:00 585 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 526 3

原创 React表单控制秘籍:受控组件这样玩就对了!

今天咱们来聊聊React中一个看似简单却容易踩坑的知识点——受控组件。相信不少新手朋友在写表单时都遇到过"为啥我的输入框不听使唤"的问题,看完这篇你就全明白了!

2025-08-09 18:04:17 300

原创 Redux三剑客:揭秘reducer这个‘状态改造师‘的魔法

今天咱们来聊聊Redux这个状态管理界的"老大哥",特别是它那个看似神秘实则简单的核心部件——reducer。相信看完这篇,你会对Redux有全新的认识!

2025-08-08 08:24:51 1026 2

原创 setState vs replaceState:React状态更新的‘温柔一刀‘与‘彻底翻脸‘

今天咱们来聊聊React中两个看似相似实则大不同的状态更新方法——setState和replaceState。很多React新手在使用时常常分不清它们的区别,甚至不知道replaceState的存在。别担心,看完这篇你就彻底明白了!

2025-08-08 08:17:22 473

原创 高阶组件 vs 高阶函数:React 开发者的必备武器库!

今天要聊一个听起来高级但其实很接地气的概念——高阶组件(HOC)和高阶函数(HOF)。

2025-08-07 08:52:49 1222

原创 React性能优化:你的应用真的够快吗?

今天咱们聊聊React性能优化——这个话题看似简单,但很多项目其实都藏着不少性能隐患。

2025-08-07 08:49:19 683

原创 React事件绑定:箭头函数和bind,我该pick谁?

今天要和大家聊聊React中一个看似简单却容易踩坑的话题——事件绑定。不知道你们有没有遇到过这种情况:写了个点击事件,结果一点按钮就报错this is undefined。我刚学React时就被这个问题折磨得够呛,今天就来好好讲讲怎么解决。

2025-08-07 08:43:02 632

原创 React的onClick:你以为懂了,其实可能用错了!

今天咱们来聊聊React里那个天天用却可能被忽略的细节——onClick事件绑定。别看它简单,里面的门道可不少,不信?往下看!

2025-08-06 09:03:54 1047

原创 Element UI表格组件的秘密武器:key属性的妙用与全属性解析

今天想和大家聊聊Element UI中那个既常用又容易被忽视的table组件,特别是它那些不为人知的小秘密。

2025-08-06 08:56:38 526

原创 Vue.js vs 原生开发:为什么我用了Vue就回不去了?

记得刚入行那会儿,我还是个用jQuery一把梭的愣头青,直到遇见了Vue.js,才发现原来前端开发可以这么爽!今天就跟大家聊聊,为什么现在越来越多的项目选择Vue而不是原生开发。

2025-08-06 08:12:26 695

原创 5招轻松搞定Element-UI样式定制,让你的项目与众不同!

今天要和大家分享的是如何优雅地定制Element-UI组件的样式。相信很多小伙伴在使用Element-UI时都遇到过这样的困扰:官方默认样式很美观,但总感觉少了点个性,想要调整却又不知道从何下手。别担心,下面我就把多年积累的几种实用方法分享给大家,保证让你的项目焕然一新!

2025-08-05 08:00:57 804

原创 Vue做SEO太难?6年老司机带你轻松搞定!

,Vue这类SPA(单页应用)对SEO不太友好,因为内容大多是JS动态渲染的,搜索引擎爬虫可能看不懂。但别慌!今天我就分享几个实战中验证有效的SEO优化方案,让你的Vue项目也能被搜索引擎青睐!

2025-08-01 17:56:13 1022

原创 Vue性能优化实战:让你的应用快如闪电⚡

今天就来分享一些实战中超级实用的Vue性能优化技巧,让你的应用从"卡成PPT"变成"丝滑如德芙"!

2025-08-01 16:54:01 788

原创 让页面“记住自己“——前端状态保留实战技巧

大家好,我是小杨,一个摸爬滚打了6年的前端老司机。今天咱们聊一个实际开发中高频出现的场景:从A页面跳转到B页面,返回时如何让A页面保持原来的状态?

2025-08-01 16:48:44 446

原创 svg无数据图片记录,直接CV就可以用

【代码】svg无数据图片记录,直接CV就可以用。

2025-08-01 13:28:38 202

原创 Vue生命周期:beforeMount和mounted到底差在哪?手把手教你避坑!

今天咱们聊聊Vue生命周期里两个容易混淆的钩子——beforeMount和mounted。别看它们名字像双胞胎,用错了分分钟让你怀疑人生!

2025-07-31 09:20:46 407 2

原创 Vue组件通信的N种姿势,你Pick哪一种?[特殊字符]

今天聊聊Vue组件通信——这玩意儿就像谈恋爱,得找到合适的沟通方式,不然容易吵架(Bug)!

2025-07-31 09:14:12 1167

原创 Vue中动态添加对象属性?这个生命周期时机选对了没?

今天遇到个有意思的问题,分享给大家,说不定你也踩过这个坑!

2025-07-31 09:05:51 718

原创 Vue+JSX真香现场:告别模板语法,解锁新姿势!

今天要聊一个让很多Vue开发者又爱又怕的东西——JSX。说实话,第一次在Vue里用JSX时,我内心是拒绝的:"这不React吗?"。但真香定律从不会缺席,现在我已经回不去了...

2025-07-30 08:57:58 809 3

原创 Vue列表渲染的坑:为什么不能用index当key?血泪教训总结!

今天要聊一个Vue里看似简单但90%新手都会踩的坑——用index当key。这玩意表面人畜无害,实际暗藏杀机,轻则数据错乱,重则性能爆炸。不信?往下看我的翻车实录!

2025-07-30 08:50:58 687

原创 Vue中key的妙用:为什么你的列表渲染总出bug?

今天聊一个Vue里看似简单却经常让人踩坑的东西——key。很多人觉得它就是个“摆设”,但当你列表渲染莫名其妙出bug时,八成就是它的问题!

2025-07-30 08:44:15 699

原创 Vue的双向绑定已经能精确追踪变化,为什么还要用虚拟DOM?揭秘背后的性能哲学!

今天想和大家探讨一个很有意思的问题:既然Vue通过数据劫持已经能精确知道数据变化,为什么还要多此一举搞虚拟DOM和diff算法? 这个问题当年也困扰了我很久,直到有一次性能优化把我坑惨了...

2025-07-29 08:34:23 1099

原创 Vue和React的数据流之争:双向绑定 vs 单向数据流,谁更适合你?

今天想和大家聊聊前端开发里一个经典话题:数据流管理。特别是Vue的双向数据绑定和React的单向数据流,到底该怎么选?在实际项目中,我两种都用过,今天就来分享一下我的实战经验和思考。

2025-07-29 08:29:02 1451

原创 前端权限控制实战:手把手教你玩转角色权限分配

记得我刚入行时接手的第一个后台管理系统项目,所有页面和功能对所有用户开放,结果测试同事用普通账号把管理员功能玩了个遍...(捂脸)从那以后我就明白了:权限控制不是可选项,而是必选项。

2025-07-29 08:23:11 484

原创 开源信息新利器:Web-Check多维度数据监督网站安全与性能

作为一款专注于深度站点诊断的开源工具,Web-Check重新定义了网站架构分析的技术边界。其核心价值在于将分散的安全检测、配置审计和性能评估整合到统一仪表盘中——从基础IP归属追踪到SSL证书链解析,再到DNS记录漏洞扫描,所有关键指标均以可视化形式呈现。这种集成化设计使得安全团队能够快速定位风险点:例如通过Cookie与标头分析模块判断CSRF防护强度,或借助开放端口与traceroute数据排查潜在横向渗透路径。架构透视:自动识别Web服务器类型、CMS框架及第三方组件版本;安全审计。

2025-07-28 15:48:01 501 10

原创 虚拟DOM:为什么React/Vue比直接操作DOM快10倍?

去年优化公司后台管理系统时,我遇到个诡异现象:页面上有个超长的表格,每次筛选都要卡顿3-4秒。我本能地用jQuery直接操作DOM重渲染,结果性能更差了...

2025-07-28 08:43:57 653 1

原创 Vue/React凭什么吊打传统前端?6年老司机带你揭秘它们的性能杀招!

直到Vue/React出现,前端开发才真正进入"现代化生产"阶段。今天我们就来聊聊,为什么现在没人用传统方式写大型项目了?

2025-07-28 08:41:00 755

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关注的人

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