自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

原创 uniapp逆地理编码

saca

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

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

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

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

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

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

2022-04-29 09:41:04 626 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 762 3

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

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

2022-04-20 19:00:00 581 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 522 3

原创 Vue计算属性vs侦听器:什么时候用computed?什么时候用watch?老司机一次讲透!

今天咱们来解决一个永恒的灵魂拷问:computed和watch到底用哪个? 这俩兄弟长得像但脾气完全不同,新手经常用错。看完这篇,保证你从此选得明明白白!

2025-07-21 08:41:44 596 1

原创 拆解v-model的黑魔法:如何用一碗泡面的时间搞懂双向绑定?

今天咱们来聊聊Vue里那个看似简单实则暗藏玄机的v-model。每次面试新人,十个里有八个说不清它的原理,今天我就用最接地气的方式,带大家掀开它的底裤!

2025-07-21 08:30:40 481

原创 Vue生命周期小剧场:mounted和created到底谁先出场?

今天咱们来聊聊Vue中经常被问到的生命周期钩子——created和mounted。这两个钩子看似简单,但新手很容易搞混。别担心,我会用最接地气的方式给大家讲明白!

2025-07-21 08:25:32 612

原创 Event Bus:Vue组件间的‘广播电台‘,轻松实现跨组件通信!

今天咱们来聊聊Vue项目中一个简单实用的跨组件通信方案——Event Bus(事件总线)。它就像个广播电台,让任意组件之间都能轻松"喊话",特别适合那些没有直接父子关系的组件通信。

2025-07-19 12:58:48 537 1

原创 $nextTick vs 定时器:Vue的‘等一等‘和JS的‘睡一会‘有啥区别?

今天咱们来聊聊Vue里的$nextTick和JavaScript的setTimeout,这两个都能让代码"等会儿再执行",但到底有啥不同?相信看完这篇你就彻底明白了!

2025-07-19 12:54:46 492

原创 插槽:Vue里的‘占位符’,让组件更灵活!

简单来说,插槽就是组件里的“占位符”,它允许我们在使用组件时,往里面“塞”自定义的内容。举个现实中的例子:你买了一个手机壳(组件),壳上预留了一个洞(插槽),你可以自己决定往洞里塞什么——可能是耳机孔、摄像头,甚至是个小风扇。Vue的插槽也是一样,它让组件变得更灵活,可以动态插入内容。

2025-07-19 12:49:59 459

原创 v-bind:让数据‘活’起来的魔法棒!

简单来说,v-bind就是Vue里用来动态绑定数据的指令。它能让HTML属性“活”起来,不再死板地写死,而是根据数据变化自动更新。

2025-07-19 11:50:37 455

原创 跨域问题烦死人?小杨教你用vue-cli轻松搞定!

今天咱们聊一个让无数前端开发者头疼的问题——跨域。尤其是刚入坑的小伙伴,看到浏览器报CORS错误的时候,是不是想砸键盘的心都有了?别急,今天我就手把手教你用vue-cli配置跨域,让你不再被这个问题困扰!

2025-07-18 08:33:52 309

原创 v-if和v-for一起用?小心踩坑!小杨教你正确写法

今天聊个Vue里老生常谈的问题:v-if和v-for到底能不能一起用? 很多人觉得这俩指令放一起没啥问题,但实际开发中,这里头藏着不少坑!

2025-07-18 08:27:04 381

原创 破解本地数据库困局:DbGate+内网穿透如何实现远程管理自由

DbGate工具与Cpolar内网穿透组合解决开发痛点:突破网络限制,实现远程数据库管理。文章详细介绍了在Ubuntu系统下通过Docker部署DbGate的完整流程(包括Docker安装、DbGate镜像拉取和容器启动),并演示了如何利用Cpolar创建HTTP隧道实现公网访问本地DbGate服务。该方案支持多种数据库类型,提供Web/客户端多端访问,既适合临时调试(随机域名),也可配置固定域名长期使用,有效解决了居家办公、移动调试等场景下的数据库访问难题。

2025-07-17 15:35:01 471 10

原创 Vue组件通信的N种姿势:不用Vuex也能玩转兄弟和父子组件!

今天咱们来聊聊Vue组件通信这个经典话题——在不使用Vuex的情况下,如何优雅地实现父子组件、兄弟组件之间的数据传递?相信我,掌握这些方法后,你会发现Vuex并不是唯一的选择。

2025-07-17 08:55:15 936 2

原创 Vue生命周期那些事儿:请求到底该放在哪?老司机带你避坑!

今天咱们聊聊Vue生命周期中一个经典问题:什么时候发送请求最合适?这个问题看似简单,但里面有不少门道,新手很容易踩坑。下面我就结合自己的经验,跟大家好好唠唠。

2025-07-17 08:49:51 713

原创 Vue组件data必须用函数?这个设计暗藏玄机!

今天要聊一个看似简单却让很多新手困惑的问题:为什么Vue组件的data必须是个函数?这背后藏着Vue团队怎样的设计智慧?

2025-07-16 08:46:11 1667 1

原创 Vue图片懒加载:极简方案 vs 兼容全攻略

今天咱们聊聊图片懒加载这个老话题,但我会给你两种截然不同的实现方案——一种是追求极致简洁的现代方案,另一种则是兼容老浏览器的稳妥方案。

2025-07-16 08:40:07 552

原创 组件封装实战:如何设计灵活又好用的前端组件?

今天想和大家聊聊组件封装的那些事儿 - 怎么设计组件既好用又灵活,特别是当用户想在组件里加自己的东西时,我们该怎么应对?

2025-07-16 08:25:38 862

原创 Vue3 数据绑定的进化:为什么Proxy取代了defineProperty

还记得Vue2中那个神奇的this.我的数据吗?背后其实是Object.defineProperty在默默工作。但在Vue3中,尤大选择了Proxy作为新的响应式核心。为什么?咱们用几个实际场景来说明。

2025-07-15 09:36:23 884

原创 Vue项目多代理配置指南:轻松搞定跨域请求分流!

今天咱们来聊聊Vue项目中一个非常实用的技巧 - 如何配置多个代理服务器。相信不少小伙伴在对接多个后端服务时都遇到过跨域问题,这篇文章就教你如何优雅解决!

2025-07-15 09:27:25 455

原创 Vue 祖孙组件通信:3种实用方案,轻松搞定跨代传值!

今天咱们来聊聊 Vue 中一个非常实际的问题 —— 祖孙组件(爷孙组件)之间如何优雅地通信。

2025-07-15 09:08:00 725

原创 离开信息洪流!Moments开源项目打造你的专属树洞朋友圈

是否厌倦了朋友圈里永远刷不到的广告?是否曾为“屏蔽谁看这条动态”纠结到放弃分享?Moments用极简设计重构社交表达方式——它像一个私密的数字日记本,用户可以自由记录生活碎片、推荐音乐电影,或是纯粹释放情绪。

2025-07-14 15:17:17 429 9

原创 多个组件库混用导致JS爆炸?看我如何瘦身70%!

最近接手一个项目,发现打包后的JS居然有5MB+!一查原因:同时用了Element UI、Ant Design、Vant三个组件库!今天就来分享我的极限压缩实战经验。

2025-07-14 08:37:33 814 1

原创 Vue懒加载全揭秘:从2.x到3.0,我是这样优化首屏速度的!

今天要聊的是个既基础又容易踩坑的话题——Vue中的懒加载。最近团队新人问我:"小杨哥,Vue 2.0是不是不能实现懒加载啊?" 我当场就笑了...

2025-07-14 08:32:43 620

原创 include和exclude傻傻分不清?3分钟让你彻底搞懂!

今天咱们来聊聊开发中经常遇到的两个概念——include和exclude。别看它们长得像,用起来可是天差地别!

2025-07-14 08:26:33 606

原创 Vue的响应式魔法:从惊艳到看透,6年老司机带你揭秘

今天咱们来聊聊Vue最核心的魔法——响应式系统。看完这篇,你会从"哇好神奇"变成"哦原来如此"!

2025-07-14 08:20:40 539

原创 不用Vue,手搓一个数据双向绑定?教你用原生JS造轮子!

今天咱们不聊Vue,来点刺激的——用原生JS实现Vue的数据双向绑定!看完这篇,你会恍然大悟:"原来Vue的黑魔法这么简单?"

2025-07-14 08:16:13 608

原创 退出登录后头像还在?这个缓存问题坑过多少前端!

为什么用户退出登录后,头像还显示在页面上?这个问题我遇到过不止一次,甚至有一次差点被测试同学当成严重BUG提上来。其实背后的原因很简单,但解决起来有几个关键点需要注意。

2025-07-13 14:50:28 600

原创 Vue的‘读心术‘:它怎么知道数据偷偷变了?

"Vue怎么知道我修改了数据?"今天就来揭秘这个"读心术"!

2025-07-13 14:47:08 772

原创 手把手教你造一个自己的v-model:原来双向绑定这么简单!

今天想带大家揭开Vue里v-model的神秘面纱,我们自己动手实现一个简易版!记得刚学Vue时,我觉得v-model简直是黑魔法——输入框的值怎么就自动同步到数据了呢?直到有一天我看了源码

2025-07-13 14:30:45 312

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

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