- 博客(131)
- 收藏
- 关注
RSS订阅原创 uni-app踩坑记录【图片先压缩再上传】
领导：最近网络有点卡，图片加载的比较慢！牛马：那咋办？领导：你把图片都压缩一下，上传图片之前先压缩，能做到吗？牛马：能（内心99个不愿意）
2025-03-27 09:14:01
1043
原创 若依ruoyi全栈（nodejs + vue3）+ AI助手，前端表示很香
以前写过一篇文章介绍我的开源项目：《本项目与若依原项目的最大区别就是：原版基于Java的，本项目基于nodejs。
2025-03-17 11:28:59
175
原创 vue3怎么和大模型交互？
平时我们都是用的在线的AI工具，直接输入问题，然后AI回答我们，那么怎么把AI接入项目中呢？这个问题问得好。对于方案一，市面上已有一些，大家可自己搜索，类似于Ant Design X（React/Vue）等，今天主讲方案二。
2025-03-14 09:50:02
310
原创 前端怎么测网速？
如果只是想单纯地测试本机的网络速度，那么可以在线测试，或者很多桌面工具也都有提供测速的工具。本文所谓的测网速，是测试你的网站服务器的网速，而不是你本机的网速~
2025-03-13 15:53:05
424
原创 前端需要学习 Docker 吗？
Docker 是一个开源的应用容器引擎，它可以将应用程序及其依赖项打包到一个可移植的容器中，实现应用的快速部署、隔离和运行。是否学习 Docker 对于前端开发者来说，需要综合考虑项目的实际需求、个人的职业规划以及学习成本等因素。在技术不断发展的今天，保持学习和探索的态度，根据具体情况做出明智的选择，将有助于提升自身的能力和项目的质量。
2025-02-19 18:00:46
864
原创 npm、yarn、pnpm 的异同及为何推荐 pnpm
npm 作为 Node.js 的默认包管理工具，其工作原理是从官方的 npm 注册表中下载所需的包及其依赖，并将它们安装到项目的目录中。npm 的特点包括广泛的生态系统和大量可用的包，但也存在一些不足之处，如安装速度较慢、依赖管理不够灵活等。yarn 是为了解决 npm 在一些方面的不足而诞生的。它具有更快的安装速度、更可靠的缓存机制和确定性的安装结果。yarn 引入了诸如yarn.lock文件来确保依赖的确定性，以及并行安装依赖的功能来提高安装效率。
2025-02-18 16:23:36
1106
原创 前端中常用的 Blob 和 Stream 流式数据的异同
Blob（Binary Large Object）表示二进制大型对象，它可以存储大量的二进制数据，例如图像、音频、视频或其他类型的文件。Blob 数据是不可变的，一旦创建，其内容就不能被修改。Stream（流）是一种处理数据的方式，数据可以逐步地被生成、处理和传输，而不必一次性将所有数据加载到内存中。这使得处理大型数据或无限数据流成为可能，而不会导致内存溢出。Blob 和 Stream 各有其特点和适用场景。Blob 适用于简单的文件存储和传输操作，而 Stream 则在处理大型、实时和流式数据时表现出色。
2025-02-13 17:28:57
1000
原创 Fabric.js、leaferjs、pixi.js 库的对比分析
Fabric.js特点：提供了丰富的对象模型，支持对图形、文本等元素的灵活操作和变换。适用场景：适用于构建图形编辑工具、可视化设计等应用。leaferjs特点：专注于高性能的 2D 渲染，具有良好的动画性能和优化机制。适用场景：常用于游戏开发、动画效果要求高的场景。pixi.js特点：强大的渲染引擎，支持 WebGL 和 Canvas 渲染，具有丰富的特效和资源管理功能。适用场景：适用于创建复杂的游戏、多媒体应用和数据可视化项目。其他：号称2D渲染速度最快的。
2025-02-13 15:59:09
1001
原创 DeepSeek：前端开发的超级助手，你了解多少？
DeepSeek 凭借其独特的技术优势和创新的应用场景，为前端开发带来了前所未有的变革和机遇。它在代码生成、智能交互组件开发、个性化内容展示等方面的出色表现，不仅提高了前端开发的效率和质量，还为用户带来了更加丰富和个性化的体验。虽然在使用过程中还存在一些需要注意的事项和挑战，但随着技术的不断发展和完善，这些问题必将逐步得到解决。对于前端开发者来说，DeepSeek 是一个值得深入学习和尝试的强大工具，它将助力我们在前端开发的道路上不断创新，创造出更加优秀的前端应用。
2025-02-11 17:08:21
1282
原创 WebSocket与Socket.io的区别
WebSocket 作为一种原生的实时通信协议，提供了高效的双向通信能力，具有低延迟、轻量级协议等优势，适用于对实时性和性能要求极高，且目标浏览器兼容性较好的场景。然而，它在兼容性和复杂网络环境下的稳定性方面存在一定的局限性。Socket.io 则是一个基于事件驱动的实时通信库，它在 WebSocket 的基础上进行了封装和扩展，提供了强大的兼容性、丰富的功能特性（如房间、命名空间、自动重连、心跳检测等）以及简单易用的 API。
2025-02-11 11:14:37
1437
原创 前端必会！深入剖析JS中forEach、for、map的区别
通过对for循环、forEach方法和map方法的深入剖析，我们清晰地了解到它们在语法、功能、性能以及使用场景上都存在着显著的区别。for循环作为最基础的循环结构，赋予了开发者高度的灵活性，能够在各种复杂的循环控制场景中发挥关键作用；forEach方法以其简洁直观的语法，成为简单数组遍历和操作的首选工具；map方法则凭借其强大的数据映射能力，在生成新数组的场景中表现卓越。
2025-02-10 17:01:19
889
原创 DeepSeek财富密码大揭秘：解锁AI赚钱新姿势
通过上述分析，我们可以看到利用 DeepSeek 赚钱的方式丰富多样，涵盖了内容创作、电商运营、教育、数据服务等多个领域。在实际操作中，要根据自身的技能、兴趣和资源，选择适合自己的赚钱路径。同时，要掌握正确的使用技巧，注意防范风险，不断提升自己的竞争力。随着 AI 技术的不断发展，未来利用 AI 赚钱的机会将越来越多。DeepSeek 也将不断完善和升级，为我们提供更强大的功能和更多的可能性。希望大家能够积极探索，勇于尝试，在 AI 时代的浪潮中，找到属于自己的财富密码，实现自己的价值和梦想。
2025-02-07 13:58:47
1297
原创 Ant Design X牵手QWen大模型：前端开发的AI新玩法
Ant Design X 是一个基于 Ant Design 体系的创新解决方案，专门为构建高效的 AI 交互界面而设计。它集成了智能对话组件和 API 服务，致力于简化 AI 界面的开发流程。通过遵循现代设计原则，Ant Design X 提供了丰富的组件和模板，并利用 TypeScript 提供全面的类型支持，极大地增强了开发的体验和可靠性。
2025-02-07 10:35:51
1132
2
原创 前端程序员的破局之路：未来出路与转型指南
前端开发领域充满了机遇与挑战，虽然当前前端程序员面临着技术迭代快、职业发展瓶颈等问题，但通过积极探索未来出路，如技术深耕、管理转型和跨领域发展，他们依然能够在这个快速发展的行业中找到自己的方向。在转型过程中，前端程序员需要做好自我评估与兴趣定位，制定合理的学习计划，充分利用各种学习资源，通过实践不断积累经验，建立个人品牌，提升自己的竞争力。无论选择哪条出路，持续学习都是关键，只有保持对新技术的敏感度，不断提升自己的能力，才能在前端开发领域中立足，实现自己的职业目标。
2025-02-06 15:36:01
948
原创 算力对决：华为与英伟达算力卡全方位剖析
华为在算力卡领域的布局以昇腾系列为核心，构建了一套完整且极具竞争力的产品线。昇腾系列涵盖了多种型号，其中昇腾 910 系列面向云端大规模训练场景，凭借其强大的算力和卓越的性能，成为数据中心进行深度学习模型训练的有力武器，广泛应用于科研机构、大型互联网企业等进行 AI 大模型的研发与训练；昇腾 310 系列则侧重于边缘计算和推理场景，在智能安防、智能交通等领域发挥着关键作用，能够在边缘设备上实现快速、高效的推理计算，满足实时性要求较高的应用场景。
2025-02-05 15:05:37
5331
原创 DeepSeek爆火出圈，本地部署教程来袭！
DeepSeek 的爆火并非偶然，其强大的性能、高性价比优势、开源策略以及市场和舆论的关注，使其在竞争激烈的人工智能领域脱颖而出。通过本地部署，我们能够更灵活地使用 DeepSeek 模型，满足个性化的需求。未来，随着技术的不断发展，相信 DeepSeek 将在更多领域发挥重要作用，为人工智能的发展带来更多的惊喜和突破。同时，也期待 DeepSeek 在应对安全挑战、拓展商业模式等方面能够取得新的进展，实现更可持续的发展。
2025-02-05 14:48:59
4177
原创 flutter入门系列教程＜三＞：tabbar的高度自适用，支持无限滚动
由于tabbarView组件的特性使然，它必须有固定的高度、或者声明为占据尽可能大的高度，所以如果要让tabbar高度自适用，那就得自己封装，即：不使用tabbarView@override@overridelength: 3, // Tab 的数量title: const Text('自适用的tabbar'),),// 顶部部分，可自定义内容Container(),),// TabBarTabBar(});},],),// 根据选中的 Tab 索引显示不同的内容。
2025-01-24 14:47:37
1321
原创 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
1365
原创 flutter入门系列教程＜一＞：tab组件的灵活妙用
综上，我们发现创建 TabController 的过程还是比较复杂，实战中，如果需要 TabBar 和 TabBarView 联动，通常会创建一个 DefaultTabController 作为它们共同的父级组件，这样它们在执行时就会从组件树向上查找，都会使用我们指定的这个 DefaultTabController。中的，这就限制了它的写法及样式布局；上述组件也示例了封装组件的参数、参数的类型、参数的默认值，大家封装组件是可参考该格式；的关键字，用该组件，可以灵活地设置tabbar的位置。
2025-01-22 15:10:41
1407
原创 深入Node.js工具函数：前端开发的得力助手
Node.js拥有众多实用的工具函数，分布在不同的核心模块中。在路径处理方面，path模块堪称一把利器。其中，path.join()函数能够将多个路径片段拼接成一个完整且合法的路径，它会根据运行环境自动处理路径分隔符，无论是在Windows系统的反斜杠\，还是在Linux和macOS系统的斜杠/，都能完美适配。
2025-01-20 09:26:37
982
原创 前端人必知必会：Node.js进程深度剖析
在Node.js的世界里，进程就是程序的一次执行实例。当你运行一个Node.js应用程序时，操作系统会为其分配一系列资源，包括内存空间、文件描述符等，这些资源共同构成了一个独立的执行环境，这就是进程。我们可以将进程想象成一家工厂的生产线。每一条生产线都有自己独立的生产设备、原材料储备以及操作工人，它们按照特定的流程生产产品。同样，进程拥有自己独立的内存空间、文件系统资源等，按照程序代码的逻辑进行执行。生产线生产的产品就是进程运行的结果，可能是返回给用户的网络响应，也可能是写入文件的数据。
2025-01-20 09:05:21
723
原创 JS中的防抖与节流：你真的掌握了吗？
在前端开发的广袤天地中，防抖和节流作为应对高频事件的两大法宝，各自发挥着独特而关键的作用。防抖，犹如一位沉稳的守护者，耐心等待用户操作的尘埃落定，在用户停止触发事件后的特定时刻，精准地执行相应操作。它在搜索框联想、表单提交等场景中表现卓越，能够有效避免因用户频繁操作而引发的不必要请求，极大地减轻服务器的压力，提升系统的整体性能。节流，则像是一位严谨的时间管理者，严格把控事件触发的节奏，确保在一定时间间隔内，相关操作有序地执行一次。
2025-01-18 07:15:00
1536
原创 探索Node.js的Net模块：构建强大网络应用的基石
Net 模块是 Node.js 官方提供的用于底层网络通信的核心模块，主要用于创建 TCP 服务器和 TCP 客户端，实现网络通信功能。它提供了一系列方法和事件，帮助开发者轻松地处理网络连接、数据传输和断开连接等操作。在网络编程中，Net 模块扮演着至关重要的角色，无论是开发简单的网络工具，还是构建复杂的网络应用，都离不开它的支持。通过 Net 模块，我们可以深入了解网络通信的底层机制，实现高效、可靠的网络数据传输。
2025-01-17 11:40:04
1221
原创 探秘Node.js模块Modules：从入门到精通
在 Node.js 中，每个 JavaScript 文件都可以成为一个文件模块，承载特定的业务逻辑。创建自定义模块时，我们在.js文件中编写所需的函数、变量等内容，然后通过exports或module.exports将这些内容导出，以便其他模块能够使用。// 定义一个加法函数// 定义一个减法函数// 使用exports导出函数// 或者使用module.exports导出// };在这个math.js模块中，定义了add和subtract两个函数，分别用于实现加法和减法运算。
2025-01-16 09:02:55
1406
原创 前端必备：Node.js中child_process模块深度解析
Node.js 的child_process模块为我们在应用程序中创建和管理子进程提供了丰富且强大的工具。通过spawn、exec、execFile和fork等方法，我们能够轻松地执行外部命令、运行脚本，实现任务的并行处理，有效突破 Node.js 单线程模型的限制，提升应用程序的性能和处理能力。在实际项目开发中，合理运用child_process模块可以带来诸多好处。在构建自动化工具时，我们可以使用它来调用各种构建脚本、测试脚本以及部署脚本，实现开发流程的自动化；
2025-01-16 08:41:26
1310
原创 深入Node.js集群：原理、优势与搭建实战，如何应对高并发
Node.js 作为一个基于 Chrome V8 引擎的 JavaScript 运行环境，以其事件驱动、非阻塞 I/O 的特性，在构建高性能网络应用方面展现出强大的优势。然而，Node.js 默认采用单线程运行模式，这意味着在多核 CPU 的服务器环境中，它只能利用其中一个核心 ，导致其他核心资源闲置，无法充分发挥多核 CPU 的并行计算能力。对于需要处理大量并发请求或执行复杂计算任务的应用程序来说，这种单线程模式可能会成为性能瓶颈。为了解决这一问题，Node.js 引入了集群（Cluster）模块。
2025-01-15 08:49:39
1731
1
原创 解锁Node.js的Events：从入门到实践
Node.js的Events模块作为事件驱动编程的核心，为开发者提供了强大而灵活的事件处理能力。通过深入理解EventEmitter类的原理与用法，掌握事件的监听、触发、管理等操作，我们能够构建出高效、可维护的Node.js应用程序。在服务器端开发、文件系统操作等诸多场景中，Events模块都发挥着不可或缺的作用，它使得程序能够更加优雅地响应各种异步操作和外部事件。
2025-01-15 07:30:00
680
原创 Node.js 如何实现文件夹内文件批量重命名
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境 ，它让 JavaScript 突破了浏览器的限制，得以在服务器端运行。这意味着开发者能够使用同一种语言 ——JavaScript，进行前后端的开发，极大地提升了开发效率。凭借事件驱动、非阻塞 I/O 模型，Node.js 在处理高并发请求时表现卓越，能够轻松应对大量的网络连接，不会因 I/O 操作而阻塞线程，从而实现高效的并发处理。正因如此，Node.js 在服务器端开发、命令行工具构建等领域得到了极为广泛的应用。
2025-01-14 10:48:21
1356
原创 深入理解Node.js的Stream模块：前端开发者的指南
Node.js的Stream模块为我们提供了一种强大且高效的数据处理方式，无论是处理大文件、进行网络通信，还是进行数据的转换与加密，Stream模块都能发挥重要作用。通过对可读流、可写流、双工流和转换流的深入理解，以及对其核心方法的熟练运用，我们能够更好地优化前端应用的性能，提升用户体验。希望大家在今后的前端开发中，能够充分利用Stream模块的优势，解决更多复杂的数据处理问题，不断探索和挖掘其更多的潜力。
2025-01-14 10:30:21
869
原创 前端必知：Node.js 全局对象全解析
Node.js 的全局对象为我们提供了丰富而强大的功能，从全局变量的管理到进程的精细控制，从定时任务的调度到二进制数据的处理，再到模块的导入导出，每一个全局对象都在各自的领域发挥着关键作用。通过深入理解并合理运用这些全局对象，我们能够编写更加高效、灵活、可维护的 Node.js 程序，无论是构建后端服务器、开发命令行工具，还是处理复杂的文件系统操作，都能得心应手。希望大家在今后的开发实践中，不断探索和尝试，充分发挥 Node.js 全局对象的潜力，创造出更多精彩的应用。
2025-01-13 11:25:07
1047
原创 uni-app与uni-app x：跨端开发更上一层楼
uni-app 是基于 Vue.js 开发的跨平台应用前端框架，由 DCloud 公司推出。它允许开发者编写一套代码，通过编译器将其转换为适用于不同平台的代码，包括 iOS、Android、H5、小程序（微信、支付宝、百度、头条等）以及快应用等。这意味着，开发者无需为每个平台单独编写代码，大大节省了开发成本与时间。
2025-01-13 09:58:51
2932
原创 前端必知：深入浅出 Node.js 操作系统
Node.js 本质上是一个 JavaScript 的运行环境，它基于 Chrome V8 引擎构建。这意味着，我们所熟悉的 JavaScript 代码，在 Node.js 的加持下，能够脱离浏览器的限制，在服务器端顺畅运行。V8 引擎的强大之处在于其对 JavaScript 代码的解析速度极快，性能卓越，为 Node.js 的高效运行奠定了坚实基础。打个比方，V8 引擎就像是一台超级跑车的引擎，动力强劲，能让 Node.js 这辆车在服务器端的赛道上飞速驰骋。
2025-01-12 08:15:00
607
原创 前端必知！Node.js文件及文件流操作全攻略
至此，我们已经全面且深入地探索了 Node.js 中文件及文件流操作的精彩世界。从文件操作的基础 API，如 fs 模块下各种创建、读取、修改、删除文件与目录的方法，让我们能够像熟练的工匠一样精准地操控文件系统；
2025-01-12 07:30:00
1112
原创 英伟达、AMD、英特尔显卡大对决，教你选出最适配的那一款
跑分软件作为衡量显卡性能的 “标尺”，在显卡评测领域举足轻重。其中，3DMark 堪称最具权威性的软件之一，它通过模拟各种复杂的 3D 游戏场景，对显卡的图形处理能力、计算能力进行全方位的压力测试。其工作原理基于先进的渲染算法，在 Time Spy 测试中，会构建出高度精细的未来科幻场景，包含动态光影、复杂材质纹理以及大量多边形模型，显卡需要在短时间内完成场景渲染、光影计算、物体运动模拟等多项任务，软件根据渲染帧率、画面质量等指标给出综合分数，精准反映显卡在 DirectX 12 环境下的游戏性能；
2025-01-11 08:45:00
3541
原创 前端必知必会：CSS 动画详解
animation-timing-function 属性无疑是动画的 “速度魔法师”，它精心勾勒出动画在播放过程中的速度变化轨迹，使得动画的运动方式丰富多样，充满灵动性。该属性常见的取值涵盖了 linear、ease、ease-in、ease-out、ease-in-out 等，每一个取值都对应着一种独特的速度变化模式。linear：此模式下，动画宛如一台匀速行驶的列车，自始至终保持着稳定不变的速度，沿着既定轨道平稳前行，没有丝毫的加速或减速，为动画赋予一种机械、规整的韵律感。
2025-01-11 08:00:00
1134
原创 解锁前端新技能：JS 操作 HTML DOM 全攻略
通过本文的详细阐述，我们深入了解了 JavaScript 操作 HTML DOM 的核心知识与实用技巧。从 DOM 的基础概念，到精准获取元素、灵活操作属性与样式、动态创建与添加元素，再到巧妙处理 DOM 事件，以及实战案例的深度剖析，每一个环节都为我们开启了一扇通往前端交互世界的大门。然而，这仅仅是 DOM 操作的冰山一角。在实际的前端开发旅程中，还有诸多高级特性与优化技巧等待我们去探索。
2025-01-10 08:15:00
1715
(标签-微信小程序|关键词-web-view)
2024-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人