自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 chrome138版本及以上el-input的textarea输入问题

Chrome138版本以上对vue2响应式更新的影响

2025-06-12 11:35:53 304

原创 让AI帮我写一个word转pdf的工具

一位美女希望将Word文件转换为PDF,但网上工具大多需要注册或含有广告。作者决定开发一个纯净的工具,使用Python实现,并借助AI完成了80%的代码,自己负责调试和优化。最终工具效果良好,并打包为exe文件。作者表示不能让美女知道,以免失去未来的合作机会。

2025-05-15 11:44:19 501

原创 webstorm更新到2025,文件目录区变成黄色背景,怎么解决

当我想用AI提取内容时,报错服务器繁忙。

2025-05-12 13:50:41 319

原创 在Electron中爬取优快云首页的文章信息

之前分享了Electron入门然后,我就想着把之前的nodejs爬虫也集成进来演示,在Electron中做一些结合。先上效果图,这是爬取优快云首页的数据。

2025-04-30 15:30:46 947

原创 一个el-select同时支持单选和多选

常规的下拉框,要么是单选、要么是多选、要么是级联选择。但是,这些都只是常规的,你永远不知道产品经理是不是常规的!现在要一个下拉框,同时支持单选和多选

2025-04-28 10:11:23 357

原创 Electron从入门到入门

Electron入门好项目,代码清晰,都是简单封装,主打逻辑

2025-04-25 16:55:52 822

原创 el-table中el-input的autofocus无法自动聚焦的解决方案

有一个表格展示了一些进度信息,进度信息可以修改,需要点击进度信息旁边的编辑按钮时,把进度变为输入框且自动聚焦,当鼠标失去焦点时自动请求更新接口。但是这是el-table中的el-input,都是循环渲染的,单个ref变了和值不好处理,虽然也能做,但这种方法也失败了。这个需求看着挺简单的啊,不就是默认展示数字,点击按钮时,把数字变成输入框吗,再给个自动聚焦。于是就转换了下思路,我也不需要啥啥乱七八糟的东西了,我只希望这个。微解释:默认显示数字且非编辑状态,点击按钮时,显示输入框。属性不能正常发挥作用。

2025-04-22 16:52:54 622

原创 uni-app使用web-view传参的坑

在类似于web-view编码传参时,如果只是简单类型的参数,可以只加一层转化,如果参数中包含特殊符号,每个参数最好都加一个格式转化。

2025-04-08 10:37:18 475

原创 uni-app踩坑记录【图片先压缩再上传】

领导:最近网络有点卡,图片加载的比较慢!牛马:那咋办?领导:你把图片都压缩一下,上传图片之前先压缩,能做到吗?牛马:能(内心99个不愿意)

2025-03-27 09:14:01 1252

原创 若依ruoyi全栈(nodejs + vue3)+ AI助手,前端表示很香

以前写过一篇文章介绍我的开源项目:《本项目与若依原项目的最大区别就是:原版基于Java的,本项目基于nodejs。

2025-03-17 11:28:59 291

原创 vue3怎么和大模型交互?

平时我们都是用的在线的AI工具,直接输入问题,然后AI回答我们,那么怎么把AI接入项目中呢?这个问题问得好。对于方案一,市面上已有一些,大家可自己搜索,类似于Ant Design X(React/Vue)等,今天主讲方案二。

2025-03-14 09:50:02 484

原创 前端怎么测网速?

如果只是想单纯地测试本机的网络速度,那么可以在线测试,或者很多桌面工具也都有提供测速的工具。本文所谓的测网速,是测试你的网站服务器的网速,而不是你本机的网速~

2025-03-13 15:53:05 541

原创 leaflet怎么在地图上动态标记点位?

GIS点位标注,动态添加点位

2025-03-13 14:50:25 1216

原创 前端需要学习 Docker 吗?

Docker 是一个开源的应用容器引擎,它可以将应用程序及其依赖项打包到一个可移植的容器中,实现应用的快速部署、隔离和运行。是否学习 Docker 对于前端开发者来说,需要综合考虑项目的实际需求、个人的职业规划以及学习成本等因素。在技术不断发展的今天,保持学习和探索的态度,根据具体情况做出明智的选择,将有助于提升自身的能力和项目的质量。

2025-02-19 18:00:46 953

原创 一个前端,如何同时联调多个后端

一个前端,怎么同时和多个后端联调,关了重启项目吗?不,不需要,看我黑魔法

2025-02-19 17:45:23 1263

原创 npm、yarn、pnpm 的异同及为何推荐 pnpm

npm 作为 Node.js 的默认包管理工具,其工作原理是从官方的 npm 注册表中下载所需的包及其依赖,并将它们安装到项目的目录中。npm 的特点包括广泛的生态系统和大量可用的包,但也存在一些不足之处,如安装速度较慢、依赖管理不够灵活等。yarn 是为了解决 npm 在一些方面的不足而诞生的。它具有更快的安装速度、更可靠的缓存机制和确定性的安装结果。yarn 引入了诸如yarn.lock文件来确保依赖的确定性,以及并行安装依赖的功能来提高安装效率。

2025-02-18 16:23:36 1171

原创 前端中常用的 Blob 和 Stream 流式数据的异同

Blob(Binary Large Object)表示二进制大型对象,它可以存储大量的二进制数据,例如图像、音频、视频或其他类型的文件。Blob 数据是不可变的,一旦创建,其内容就不能被修改。Stream(流)是一种处理数据的方式,数据可以逐步地被生成、处理和传输,而不必一次性将所有数据加载到内存中。这使得处理大型数据或无限数据流成为可能,而不会导致内存溢出。Blob 和 Stream 各有其特点和适用场景。Blob 适用于简单的文件存储和传输操作,而 Stream 则在处理大型、实时和流式数据时表现出色。

2025-02-13 17:28:57 1114

原创 Fabric.js、leaferjs、pixi.js 库的对比分析

Fabric.js特点:提供了丰富的对象模型,支持对图形、文本等元素的灵活操作和变换。适用场景:适用于构建图形编辑工具、可视化设计等应用。leaferjs特点:专注于高性能的 2D 渲染,具有良好的动画性能和优化机制。适用场景:常用于游戏开发、动画效果要求高的场景。pixi.js特点:强大的渲染引擎,支持 WebGL 和 Canvas 渲染,具有丰富的特效和资源管理功能。适用场景:适用于创建复杂的游戏、多媒体应用和数据可视化项目。其他:号称2D渲染速度最快的。

2025-02-13 15:59:09 1166

原创 DeepSeek:前端开发的超级助手,你了解多少?

DeepSeek 凭借其独特的技术优势和创新的应用场景,为前端开发带来了前所未有的变革和机遇。它在代码生成、智能交互组件开发、个性化内容展示等方面的出色表现,不仅提高了前端开发的效率和质量,还为用户带来了更加丰富和个性化的体验。虽然在使用过程中还存在一些需要注意的事项和挑战,但随着技术的不断发展和完善,这些问题必将逐步得到解决。对于前端开发者来说,DeepSeek 是一个值得深入学习和尝试的强大工具,它将助力我们在前端开发的道路上不断创新,创造出更加优秀的前端应用。

2025-02-11 17:08:21 1416

原创 WebSocket与Socket.io的区别

WebSocket 作为一种原生的实时通信协议,提供了高效的双向通信能力,具有低延迟、轻量级协议等优势,适用于对实时性和性能要求极高,且目标浏览器兼容性较好的场景。然而,它在兼容性和复杂网络环境下的稳定性方面存在一定的局限性。Socket.io 则是一个基于事件驱动的实时通信库,它在 WebSocket 的基础上进行了封装和扩展,提供了强大的兼容性、丰富的功能特性(如房间、命名空间、自动重连、心跳检测等)以及简单易用的 API。

2025-02-11 11:14:37 1949

原创 前端必会!深入剖析JS中forEach、for、map的区别

通过对for循环、forEach方法和map方法的深入剖析,我们清晰地了解到它们在语法、功能、性能以及使用场景上都存在着显著的区别。for循环作为最基础的循环结构,赋予了开发者高度的灵活性,能够在各种复杂的循环控制场景中发挥关键作用;forEach方法以其简洁直观的语法,成为简单数组遍历和操作的首选工具;map方法则凭借其强大的数据映射能力,在生成新数组的场景中表现卓越。

2025-02-10 17:01:19 1381

原创 DeepSeek财富密码大揭秘:解锁AI赚钱新姿势

通过上述分析,我们可以看到利用 DeepSeek 赚钱的方式丰富多样,涵盖了内容创作、电商运营、教育、数据服务等多个领域。在实际操作中,要根据自身的技能、兴趣和资源,选择适合自己的赚钱路径。同时,要掌握正确的使用技巧,注意防范风险,不断提升自己的竞争力。随着 AI 技术的不断发展,未来利用 AI 赚钱的机会将越来越多。DeepSeek 也将不断完善和升级,为我们提供更强大的功能和更多的可能性。希望大家能够积极探索,勇于尝试,在 AI 时代的浪潮中,找到属于自己的财富密码,实现自己的价值和梦想。

2025-02-07 13:58:47 1397

原创 Ant Design X牵手QWen大模型:前端开发的AI新玩法

Ant Design X 是一个基于 Ant Design 体系的创新解决方案,专门为构建高效的 AI 交互界面而设计。它集成了智能对话组件和 API 服务,致力于简化 AI 界面的开发流程。通过遵循现代设计原则,Ant Design X 提供了丰富的组件和模板,并利用 TypeScript 提供全面的类型支持,极大地增强了开发的体验和可靠性。

2025-02-07 10:35:51 1496 2

原创 前端程序员的破局之路:未来出路与转型指南

前端开发领域充满了机遇与挑战,虽然当前前端程序员面临着技术迭代快、职业发展瓶颈等问题,但通过积极探索未来出路,如技术深耕、管理转型和跨领域发展,他们依然能够在这个快速发展的行业中找到自己的方向。在转型过程中,前端程序员需要做好自我评估与兴趣定位,制定合理的学习计划,充分利用各种学习资源,通过实践不断积累经验,建立个人品牌,提升自己的竞争力。无论选择哪条出路,持续学习都是关键,只有保持对新技术的敏感度,不断提升自己的能力,才能在前端开发领域中立足,实现自己的职业目标。

2025-02-06 15:36:01 1066

原创 el-table中的某个字段最多显示两行,超出部分显示“...详情”,怎么办

css显示指定行的文本,超出部分显示自定义内容

2025-02-06 09:46:23 1036

原创 算力对决:华为与英伟达算力卡全方位剖析

华为在算力卡领域的布局以昇腾系列为核心,构建了一套完整且极具竞争力的产品线。昇腾系列涵盖了多种型号,其中昇腾 910 系列面向云端大规模训练场景,凭借其强大的算力和卓越的性能,成为数据中心进行深度学习模型训练的有力武器,广泛应用于科研机构、大型互联网企业等进行 AI 大模型的研发与训练;昇腾 310 系列则侧重于边缘计算和推理场景,在智能安防、智能交通等领域发挥着关键作用,能够在边缘设备上实现快速、高效的推理计算,满足实时性要求较高的应用场景。

2025-02-05 15:05:37 7561

原创 DeepSeek爆火出圈,本地部署教程来袭!

DeepSeek 的爆火并非偶然,其强大的性能、高性价比优势、开源策略以及市场和舆论的关注,使其在竞争激烈的人工智能领域脱颖而出。通过本地部署,我们能够更灵活地使用 DeepSeek 模型,满足个性化的需求。未来,随着技术的不断发展,相信 DeepSeek 将在更多领域发挥重要作用,为人工智能的发展带来更多的惊喜和突破。同时,也期待 DeepSeek 在应对安全挑战、拓展商业模式等方面能够取得新的进展,实现更可持续的发展。

2025-02-05 14:48:59 4279

原创 flutter入门系列教程<三>:tabbar的高度自适用,支持无限滚动

由于tabbarView组件的特性使然,它必须有固定的高度、或者声明为占据尽可能大的高度,所以如果要让tabbar高度自适用,那就得自己封装,即:不使用tabbarView@override@overridelength: 3, // Tab 的数量title: const Text('自适用的tabbar'),),// 顶部部分,可自定义内容Container(),),// TabBarTabBar(});},],),// 根据选中的 Tab 索引显示不同的内容。

2025-01-24 14:47:37 1431

原创 flutter入门系列教程<2>:Http请求库-dio的使用

dio的使用方式随着其版本升级可能会发生变化,如果本节所述内容和最新dio功能有差异,请以最新的dio文档为准。怎么样,是不是很简单,除了这些基本的用法,dio还支持请求配置、拦截器等,官方资料比较详细,故本书不再赘述,详情可以参考dio主页:https://github.com/flutterchina/dio。接下来就可以通过 dio实例来发起网络请求了,注意,一个dio实例可以发起多个http请求,一般来说,APP只有一个http数据源时,dio应该使用单例模式。接口为例,大家可以直接访问该接口。

2025-01-22 17:01:17 1540

原创 flutter入门系列教程<一>:tab组件的灵活妙用

综上,我们发现创建 TabController 的过程还是比较复杂,实战中,如果需要 TabBar 和 TabBarView 联动,通常会创建一个 DefaultTabController 作为它们共同的父级组件,这样它们在执行时就会从组件树向上查找,都会使用我们指定的这个 DefaultTabController。中的,这就限制了它的写法及样式布局;上述组件也示例了封装组件的参数、参数的类型、参数的默认值,大家封装组件是可参考该格式;的关键字,用该组件,可以灵活地设置tabbar的位置。

2025-01-22 15:10:41 1489

原创 深入Node.js工具函数:前端开发的得力助手

Node.js拥有众多实用的工具函数,分布在不同的核心模块中。在路径处理方面,path模块堪称一把利器。其中,path.join()函数能够将多个路径片段拼接成一个完整且合法的路径,它会根据运行环境自动处理路径分隔符,无论是在Windows系统的反斜杠\,还是在Linux和macOS系统的斜杠/,都能完美适配。

2025-01-20 09:26:37 1022

原创 前端人必知必会:Node.js进程深度剖析

在Node.js的世界里,进程就是程序的一次执行实例。当你运行一个Node.js应用程序时,操作系统会为其分配一系列资源,包括内存空间、文件描述符等,这些资源共同构成了一个独立的执行环境,这就是进程。我们可以将进程想象成一家工厂的生产线。每一条生产线都有自己独立的生产设备、原材料储备以及操作工人,它们按照特定的流程生产产品。同样,进程拥有自己独立的内存空间、文件系统资源等,按照程序代码的逻辑进行执行。生产线生产的产品就是进程运行的结果,可能是返回给用户的网络响应,也可能是写入文件的数据。

2025-01-20 09:05:21 801

原创 JS中的防抖与节流:你真的掌握了吗?

在前端开发的广袤天地中,防抖和节流作为应对高频事件的两大法宝,各自发挥着独特而关键的作用。防抖,犹如一位沉稳的守护者,耐心等待用户操作的尘埃落定,在用户停止触发事件后的特定时刻,精准地执行相应操作。它在搜索框联想、表单提交等场景中表现卓越,能够有效避免因用户频繁操作而引发的不必要请求,极大地减轻服务器的压力,提升系统的整体性能。节流,则像是一位严谨的时间管理者,严格把控事件触发的节奏,确保在一定时间间隔内,相关操作有序地执行一次。

2025-01-18 07:15:00 1673

原创 探索Node.js的Net模块:构建强大网络应用的基石

Net 模块是 Node.js 官方提供的用于底层网络通信的核心模块,主要用于创建 TCP 服务器和 TCP 客户端,实现网络通信功能。它提供了一系列方法和事件,帮助开发者轻松地处理网络连接、数据传输和断开连接等操作。在网络编程中,Net 模块扮演着至关重要的角色,无论是开发简单的网络工具,还是构建复杂的网络应用,都离不开它的支持。通过 Net 模块,我们可以深入了解网络通信的底层机制,实现高效、可靠的网络数据传输。

2025-01-17 11:40:04 1315

原创 多监控m3u8视频流,怎么获取每个监控的封面图(纯前端)

一页显示12个监控,如何静默截取每个监控的封面图,优化性能

2025-01-17 10:50:29 1832

原创 探秘Node.js模块Modules:从入门到精通

在 Node.js 中,每个 JavaScript 文件都可以成为一个文件模块,承载特定的业务逻辑。创建自定义模块时,我们在.js文件中编写所需的函数、变量等内容,然后通过exports或module.exports将这些内容导出,以便其他模块能够使用。// 定义一个加法函数// 定义一个减法函数// 使用exports导出函数// 或者使用module.exports导出// };在这个math.js模块中,定义了add和subtract两个函数,分别用于实现加法和减法运算。

2025-01-16 09:02:55 1524

原创 前端必备:Node.js中child_process模块深度解析

Node.js 的child_process模块为我们在应用程序中创建和管理子进程提供了丰富且强大的工具。通过spawn、exec、execFile和fork等方法,我们能够轻松地执行外部命令、运行脚本,实现任务的并行处理,有效突破 Node.js 单线程模型的限制,提升应用程序的性能和处理能力。在实际项目开发中,合理运用child_process模块可以带来诸多好处。在构建自动化工具时,我们可以使用它来调用各种构建脚本、测试脚本以及部署脚本,实现开发流程的自动化;

2025-01-16 08:41:26 1514

原创 深入Node.js集群:原理、优势与搭建实战,如何应对高并发

Node.js 作为一个基于 Chrome V8 引擎的 JavaScript 运行环境,以其事件驱动、非阻塞 I/O 的特性,在构建高性能网络应用方面展现出强大的优势。然而,Node.js 默认采用单线程运行模式,这意味着在多核 CPU 的服务器环境中,它只能利用其中一个核心 ,导致其他核心资源闲置,无法充分发挥多核 CPU 的并行计算能力。对于需要处理大量并发请求或执行复杂计算任务的应用程序来说,这种单线程模式可能会成为性能瓶颈。为了解决这一问题,Node.js 引入了集群(Cluster)模块。

2025-01-15 08:49:39 1827 1

原创 解锁Node.js的Events:从入门到实践

Node.js的Events模块作为事件驱动编程的核心,为开发者提供了强大而灵活的事件处理能力。通过深入理解EventEmitter类的原理与用法,掌握事件的监听、触发、管理等操作,我们能够构建出高效、可维护的Node.js应用程序。在服务器端开发、文件系统操作等诸多场景中,Events模块都发挥着不可或缺的作用,它使得程序能够更加优雅地响应各种异步操作和外部事件。

2025-01-15 07:30:00 745

原创 Node.js 如何实现文件夹内文件批量重命名

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境 ,它让 JavaScript 突破了浏览器的限制,得以在服务器端运行。这意味着开发者能够使用同一种语言 ——JavaScript,进行前后端的开发,极大地提升了开发效率。凭借事件驱动、非阻塞 I/O 模型,Node.js 在处理高并发请求时表现卓越,能够轻松应对大量的网络连接,不会因 I/O 操作而阻塞线程,从而实现高效的并发处理。正因如此,Node.js 在服务器端开发、命令行工具构建等领域得到了极为广泛的应用。

2025-01-14 10:48:21 1478

hls.min.js源文件

hls.min.js源文件

2024-09-03

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

TA关注的人

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