自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

球球不吃虾WHR2349博客

web开发,java,nodejs,webpack,vue,react

  • 博客(132)
  • 资源 (3)
  • 收藏
  • 关注

原创 2024年CSDN博客之旅:成长、创作与生活的交响曲

2024年是我在技术领域不断探索和成长的一年,也是我在博客创作道路上收获满满的一年。通过这一年的学习和实践,我在前端技术、后端知识、解决问题能力、沟通与表达能力等方面都取得了显著的进步;在博客创作方面,我撰写了大量涵盖前端各个方面的高质量文章,受到了读者的广泛关注和认可,同时也在与读者的互动交流中不断提升自己。此外,我还学会了如何平衡个人生活与博客事业,让两者相互促进、相得益彰。展望未来,我将继续在技术的道路上砥砺前行,不断学习和掌握新的技术知识,拓展自己的技术视野和能力边界。

2025-01-20 15:13:18 1117

原创 如何免费白嫖cursor,关键信息隐藏比较深(没办法,请见谅)

重要的是我们要珍惜每一次来之不易的机会,充分利用好这段时间内所能接触到的一切资源,同时也要积极寻找长期可持续的解决方案。毕竟,任何好的工具都值得我们投资,以换取更高的生产力和个人成长。大多数付费软件都会提供一定期限的免费试用,Cursor也不例外。在这段时间里,你可以尽情挖掘Cursor的所有特性,完成必要的任务或者项目。有时候,为了吸引更多的用户,Cursor会在周五有一个免费抢key的活动,3天免费使用限额。通过参与此类活动,不仅可以帮助改善产品,有时还能获得额外的免费使用时长或者其他形式的补偿。

2025-01-07 10:07:29 388

原创 VuePress2配置unocss的闭坑指南

记住,每一次技术的选择都是一场新的冒险,愿你在这条道路上不断探索,发现更多可能性。在开始我们的前端魔法之前,我们需要准备好所有必要的魔法材料——即安装正确的依赖项。同样地,在前端开发里,依赖项的版本一致性也是至关重要的。这段简单的导入语句确保了当用户访问我们的网站时,UnoCSS的样式能够立即生效,从而为他们带来流畅且美观的浏览体验。现在我们已经有了所有的魔法材料,接下来就是编写咒语书的时间了。的方式直接指定像素,但为了代码的一致性和可读性,使用预设来统一处理单位转换是一个更好的选择。

2025-01-03 17:07:21 1080

原创 用 Node.js 模拟系统日志:让你在办公室看起来很忙的神器

这个项目的主要功能是生成各种类型的系统日志,并以彩色文本的形式在控制台输出。它使用了chalk库来实现彩色输出,并使用chance库来生成随机数据,使日志内容更加真实和多样化。这个项目是一个有趣且实用的小工具,适合在办公室中假装忙碌。无论是用于测试、教学,还是在工作中偷个懒,它都能提供一个动态且逼真的系统日志输出体验。欢迎大家下载并尝试!希望这个项目能为你的工作带来一些乐趣!

2024-12-27 16:34:34 789

原创 探究 Element Plus Menu 横向多层级展开组件的 Bug 及解决方案

在使用 Element Plus 的 Menu 组件时,我们可能希望构建一个复杂的导航系统,其中包括多个级别的子菜单。在默认的纵向布局下,Menu 组件表现良好,能够完美展示多级子菜单。然而,在某些应用场景中,我们可能需要一个横向的菜单布局,此时问题就显现出来了。当你尝试将 Menu 组件设置为横向(mode=“horizontal”)并且包含多级子菜单时,可能会发现子菜单的显示存在问题。具体来说,子菜单可能无法正确地展开,或者展开时的样式和位置不符合预期,尤其是在涉及到第三级或更深层次的菜单项时。

2024-08-16 15:47:36 1477

原创 HLS.js:使用全解析

HLS.js是一个轻量级的JavaScript库,旨在为不支持原生HLS的浏览器提供兼容性。它通过解析MPEG-TS流并在客户端进行解码,使HTML5元素能够播放HLS内容。HLS.js利用了现代浏览器中的Media Source Extensions (MSE) 和 Encrypted Media Extensions (EME) API来实现这一目标。

2024-08-15 09:33:26 5941

原创 前后端项目打包对比——关于Spring Boot Maven Plugin配置的问题

Spring Boot Maven Plugin 是一个用于构建 Spring Boot 应用程序的 Maven 插件。以下是该插件的详细配置说明。您是对的,对于 Spring Boot 项目来说,很多配置都是可选的,因为 Spring Boot Maven Plugin 提供了一些默认行为,使得在很多情况下,即使不进行额外配置也能正常打包和运行应用程序。这是 Maven 项目的基本配置,并不是 Spring Boot Maven Plugin 的一部分。这将启动应用程序,并在控制台中显示应用程序的输出。

2024-07-25 17:10:28 1482 2

原创 整理一下实用的JavaScript代码风格(一)

在JavaScript开发中,遵循一定的编码规范和风格不仅能够提升代码的可读性,还能增强团队协作的效率,确保代码的一致性和可维护性。以下是一些实用的JavaScript代码风格建议,帮助你编写出更加优雅、高效的代码。这些方法可能被相关对象上的属性所掩盖——考虑——或者,该对象可能是一个空对象。在支持ES2022的现代浏览器中,或者使用诸如https://www.npmjs.com/package/object.hasown、Object。hasOwn也可以作为Object.prototype.hasOwnP

2024-06-25 09:41:47 1009

原创 推荐一个适用npm小工具优雅的写switch

zwitch是一个由wooorm开发的开源库,旨在提供一种更现代、灵活且可扩展的方式来处理条件逻辑。它允许开发者以函数式的方式定义和管理多条件分支,支持异步操作,且易于测试和维护。

2024-05-17 16:43:31 1180

原创 通俗易懂讲解 nginx-rtmp-module 是干嘛的?

是一个用于 Nginx 的第三方模块,它扩展了 Nginx 服务器的功能,使其能够处理实时流媒体数据,特别是支持 RTMP (Real-Time Messaging Protocol) 协议。RTMP 是 Adobe Systems 开发的一种协议,常用于实时音视频通信,尤其是在直播场景中。直播服务器:允许用户设置一个简单的直播服务器,主播可以通过 RTMP 协议推送直播流到服务器,而观众可以通过 HLS (HTTP Live Streaming)、RTMP 或其他协议观看直播。视频点播(VOD)

2024-05-09 12:03:18 2279

原创 sass中的导入与部分导入

作为Sass的现代化模块化导入机制,极大地提升了CSS代码的组织性和可维护性。尽管在迁移过程中可能会遇到一些习惯上的调整,但长远来看,它无疑为构建健壮、高效的CSS架构提供了有力支撑。在大型前端项目中,CSS代码量往往十分庞大,为了保持其可读性、可维护性以及便于团队协作,模块化开发成为了一种必然趋势。它允许你将一个或多个Sass文件的内容合并到当前文件中,最终编译为一个单一的CSS输出文件。,它们分别服务于不同的模块化需求,并有着显著的区别。,每个Sass文件都可以被视为一个独立的模块,拥有自己的作用域。

2024-04-02 10:02:09 1206

原创 新词汇揭示中国经济发展新趋势:政府工作报告中的六大首提关键词

在“人工智能+”的框架下,人工智能不再仅仅是一种独立的技术或解决方案,而是作为赋能工具,渗透到经济和社会各个领域中,包括但不限于制造、医疗、教育、交通、农业等传统行业,以及新兴的数字产业。他强调,“人工智能+”行动计划的落地执行,将如同催化剂般加速我国人工智能产业的发展步伐,通过深度融合人工智能技术与传统产业,催生出新的业态和模式,从而有力提升整个产业链的智能化水平和创新能力。”行动计划,这一战略举措不仅体现了我国对于人工智能技术发展的高度重视,而且彰显了推动该领域创新与突破的坚定决心和长远规划。

2024-03-14 08:58:12 1161

原创 时光的代码行:CSDN创作三周年纪念与技术成长之旅

未来,我将继续秉持初心,以更深入的技术解析、更实用的经验分享来回馈社区,让我们在追求技术卓越的道路上携手共进,不断突破自我,实现个人与行业的共同进步!球球不吃虾 2024年3月11日,于CSDN创作三周年之际。

2024-03-11 14:17:10 993

原创 npm与Maven:前端与后端构建工具深度对比学习

本篇博客旨在通过对npm和Maven这两个在各自领域具有重大影响力的构建工具进行全面且深入的对比分析,帮助前端开发者理解如何有效利用npm来优化前端项目构建与依赖管理,同时让Java开发者了解Maven的核心价值及其实现机制。我们将从基础概念、核心功能、实际应用场景等多个维度展开讨论,揭示两者在依赖管理策略、构建流程设计、社区支持等方面的异同点,以便开发者能够在不同场景下灵活运用相应的工具,提高开发效率和项目质量。通过此番比较学习,我们期望能促进跨领域的知识交流,推动开发实践的创新与进步。

2024-03-06 11:59:37 2989

原创 TypeScript:前端世界的“甜蜜烦恼”——究竟该不该用?

AI有可能在编译阶段更好地辅助甚至替代部分人工对类型错误、未定义变量等问题的检查和修复。这种设想中,AI可以更智能地理解代码意图,并自动调整类型以符合预期的行为。

2024-03-04 17:12:25 1030

原创 使用WebAssembly提升Web应用性能

WebAssembly,简称Wasm,是一种为Web设计的新型二进制代码格式。它并不是一种新的编程语言,而是一种编译目标,可以让其他语言(如C、C++、Rust等)在浏览器中以接近原生的性能运行。WebAssembly的代码是以二进制格式发布的,这意味着它的尺寸小,加载快,效率高。

2024-02-28 09:43:41 1342

原创 程序员们的“不关机”现象:一种技术文化还是不良习惯?

程序员们似乎从不关电脑的现象,更多是源于职业特性、工作效率和业务需求的综合考量,而非简单的个人习惯。当然,我们仍鼓励程序员朋友们在保证工作顺利进行的同时,关注设备健康,适时给电脑放个假,毕竟人机和谐才是长久之道嘛!所以,下一次当你看到那个凌晨三点依然亮着灯的窗口,或是朋友列表里那个永远在线的程序员头像,请对他们多一份理解与尊重,因为他们正用自己的热情和坚守,为这个世界创造更多的可能性。

2024-02-21 14:21:36 978

原创 Howler.js:音频处理的轻量级解决方案

Howler.js是一个专注于Web音频处理的开源JavaScript库,由James Simpson开发并维护。它提供了一个简洁且强大的API,以解决浏览器间音频处理的兼容性问题,并支持高级功能如音效、3D空间音频和跨源音频加载等。浏览器兼容性。

2024-02-21 10:15:31 5279 4

原创 前端开发者必知的缓存淘汰策略:LRU算法解析与实践

LRU算法作为前端开发者工具箱中的一种重要武器,在提升应用性能、降低资源消耗方面发挥着不可忽视的作用。希望这篇博客能帮助你更好地理解和运用LRU算法,让我们的前端应用更加高效和流畅!愿你在编程之路上不断积累知识,如同LRU缓存中的数据一样,总是保留最新的智慧,淘汰掉陈旧的困扰!

2024-02-19 09:17:16 1916

原创 JavaScript 中实现常见数据结构:栈、队列与树

理解并掌握这些基础数据结构就像是拥有了强大的工具箱,使我们在前端编程世界中游刃有余。让我们一起成长,就如同栈中的元素不断积累,如同队列中的任务逐个完成,如同树般枝繁叶茂,向着技术的高峰攀登!while (!"));// 输出:"developers!愿每位开发者都能在学习过程中收获满满的快乐!

2024-02-18 13:47:56 602

原创 过年了,程序员们,请多关照自己!休息是为了走得更远!

在这个万家团圆、欢声笑语的时刻,我想对你们说:辛苦了一年,是时候给自己放个假,好好享受这份属于我们的喜庆与祥和了!请放下手中的工作,给自己多一些休息的时间,关注自己的身心健康。或许在休息中,我们能找到解决问题的灵感,或许在与家人的相处中,我们能领悟到生活的真谛。过年了,让我们暂时放下工作的压力,多关注自己的内心世界和生活品质。这些看似微不足道的变化,其实对我们的健康有着深远的影响。过年了,是时候给自己放个长假,让身心得到充分的休息。程序员的工作往往需要长时间坐在电脑前,这对我们的身体健康是一个不小的挑战。

2024-02-02 16:40:48 610 1

原创 超越原生:探索Node.js中最佳文件系统三方库

在Node.js生态系统中,有许多优秀的第三方库能够扩展和增强原生fs模块的功能。这些库提供了更加便捷、高效和强大的文件操作接口,帮助开发者应对各种复杂的文件系统需求。下面,我们将快速介绍一些流行的Node.js文件系统三方库,概述它们的主要特点和用途。

2024-02-02 08:15:00 2145 3

原创 Node.js 文件系统操作指南

本文将深入探讨 Node.js 中的文件系统(fs)模块,它是 Node.js 中进行文件读写的核心模块。通过详细解释各种文件操作方法,本文将帮助您更好地理解和应用 Node.js 进行文件系统的操作。

2024-02-01 15:41:37 1876

原创 Java与JavaScript的区别与联系:有人的地方就有江湖,有浏览器的地方就有JavaScript

有人的地方就有江湖,有浏览器的地方就有JavaScript

2024-02-01 15:29:46 3451

原创 2024前端技术趋势分析

前端技术是 Web 开发的重要组成部分,它负责呈现用户界面,实现用户交互,提供用户体验。随着互联网的发展,前端技术也在不断地进化和创新,涌现出了许多新的技术和框架,为 Web 应用带来了更多的可能性和挑战。

2024-02-01 09:41:38 1942

原创 第十章(应用场景篇) Single-SPA微前端架构深度解析与实践教程

Single-SPA是一个用于构建微前端应用的JavaScript框架。它允许你将一个大型前端应用拆分成多个独立的、可复用的微应用,并且这些微应用可以使用不同的框架或库进行开发。Single-SPA通过定义一套简单的生命周期钩子和路由机制,实现了微应用之间的通信和协同工作。

2024-01-31 08:30:00 1760

原创 第九章(应用场景篇)Qiankun微前端深度解析与实践教程

Qiankun是一个基于single-spa的微前端实现库。它提供了一种简单、高效的方式来集成多个独立的前端应用。Qiankun的核心思想是通过劫持前端路由,来实现不同应用之间的隔离和通信。特性QiankunEMP基础技术基于single-spa³。

2024-01-31 08:15:00 1815

原创 浏览器推荐:从技术与体验角度的深入探讨

国产浏览器有很多,其中一些比较知名的有360浏览器、QQ浏览器、UC浏览器、搜狗浏览器、猎豹浏览器等。这些浏览器各有特点,比如360浏览器注重安全防护和流畅的运行速度,QQ浏览器界面简洁、实用性强,UC浏览器则以轻量、快速、稳定为主要特性。此外,还有一些其他国产浏览器如2345浏览器、世界之窗浏览器等,它们也在不断地发展和优化中,为用户提供更好的上网体验。实际上,国内有很多浏览器,但它们大多数都是基于国外的开源内核进行开发的,比如Chrome的Blink内核和Firefox的Gecko内核。

2024-01-30 08:45:00 1972

原创 CSS Transition(过渡效果)详解

在现代Web开发中,CSS Transition是一种常见且重要的技术,用于实现页面元素的平滑过渡效果。通过Transition,我们可以在不使用JavaScript或Flash等额外技术的情况下,为网页添加丰富的动画效果,提升用户体验。

2024-01-30 08:30:00 21716

原创 如何编写.gitignore文件

gitignore文件是Git版本控制系统中一个非常有用的工具。它可以指定一组文件或目录,这些文件或目录将被Git忽略,不会纳入版本控制。这对于避免提交临时文件、构建产物、敏感配置信息等非常有用。

2024-01-29 11:03:05 2489

原创 第八章(应用场景篇) 中大型项目的解构:从单体应用到微前端

随着业务的不断扩张和技术栈的日益复杂,许多中大型项目面临着维护性、可扩展性和团队协作等多方面的挑战。为了解决这些问题,越来越多的团队开始考虑将单体应用解构为微前端架构。

2024-01-29 09:57:09 1249

原创 早期 JavaScript 中的高阶函数与模块化实现

高阶函数(Higher-Order Functions)是指那些接受一个或多个函数作为参数,或者返回一个函数的函数。在 JavaScript 中,函数是一等公民,可以作为参数传递,也可以作为返回值。这使得高阶函数在 JavaScript 中有着广泛的应用。

2024-01-29 08:59:39 928

原创 高阶函数离不开闭包

在JavaScript中,高阶函数是指那些以函数作为参数或返回函数的函数。高阶函数是函数式编程的重要组成部分,它们提供了强大的抽象和组合能力,使得代码更加模块化和可重用。

2024-01-26 15:39:18 1084 1

原创 JavaScript闭包基础

在JavaScript中,当一个函数可以记住并访问其所在的词法作用域时,就产生了闭包,即使函数是在其词法作用域之外执行的。换句话说,闭包给了你一种从函数外部访问函数内部作用域的方法。// 输出 'I am from outer function!在这个例子中,可以访问的作用域,即使是在外部执行的。这就是闭包。

2024-01-26 15:24:44 507

原创 YAML语法记录

记录一下yaml的语法,方便以后查找,前端领域用yaml相对来说少一点,一旦用忘了语法很难受,特此记录。

2024-01-26 11:24:11 1650

原创 第七章(原理篇) 微前端技术之依赖管理与版本控制

Single-SPA允许你自定义子应用的加载和解析过程。这意味着你可以控制如何加载子应用的资源,包括它们的依赖。你可以实现自己的加载策略,例如预加载公共依赖。

2024-01-26 08:30:00 1360

原创 第六章(原理篇) 微前端间的通信机制

在微前端环境中,各个子应用是相互独立的,它们可以有自己的框架、库和生命周期,但同时它们又需要相互通信以协同工作。在微前端环境中,可以通过共享 Redux store 来实现子应用之间的通信。是一种浏览器提供的原生事件通信方式。通过自定义事件,子应用可以触发事件并传递数据,其他子应用可以监听这些事件并作出响应。消息总线是一个中央通信枢纽,子应用可以通过它发布和订阅消息。在微前端中,可以用来实现子应用之间的安全通信。通过这种方式,各个子应用可以协同工作,提供流畅的用户体验,同时保持各自的独立性和可维护性。

2024-01-25 14:30:00 1280

原创 第五章(原理篇) 微前端技术之模块联邦与动态加载

Webpack 5引入了一个革命性的新功能,叫做模块联邦(Module Federation)。模块联邦允许Webpack构建之间的模块共享,它打开了一种新的方式来看待代码的复用和组合,尤其适合在微前端架构中使用。

2024-01-25 09:26:01 2412

原创 第四章(原理篇) 前端容器技术

在前端容器技术领域,Single-SPA是一个备受关注的开源项目。Single-SPA是一个用于构建微前端应用的JavaScript框架,它提供了一种将多个独立的前端应用集成到一个主应用中的解决方案。Single-SPA的核心思想是在主应用中定义一个生命周期钩子,用于加载和管理微应用的生命周期。每个微应用都是一个独立的JavaScript模块,可以独立开发、测试和部署。在主应用中,通过配置微应用的路由信息和加载方式,可以实现微应用的动态加载和卸载。Single-SPA的优势在于其简单、灵活和可扩展。

2024-01-25 09:02:59 1331

原创 第三章(概念篇) 微前端架构模式

微前端是一种将单个庞大的前端应用拆分成多个小型、独立的前端应用(即微应用)的架构风格。每个微应用可以由不同的团队使用不同的技术栈进行开发、测试和部署,最终这些微应用被集成到一个整体的页面中,共同构成一个完整的前端应用。下面将介绍两种常见的微前端架构模式:基于路由的分发模式和基于Web组件的微前端,并探讨集成与部署策略。注意:这里的代码示例仅用于演示基于Web组件的微前端架构模式的基本概念,实际项目中可能需要更复杂的实现和配置。:在主应用的构建过程中,将微应用的代码打包到主应用的代码中。

2024-01-25 08:47:47 1198

这个程序是一个简单的git代理切换器,它的主要功能是帮助用户在需要代理的网络环境和不需要代理的网络环境之间快速切换

使用方法 启动程序后,用户可以在界面上输入代理地址并保存。 使用“启用代理”和“禁用代理”按钮来切换代理状态。 使用“显示Git配置”按钮查看当前Git的配置信息。 使用“关于”按钮查看程序的作者信息。 这个程序适合需要频繁切换代理设置的用户,尤其是在需要通过代理访问特定网络资源时。通过图形界面,用户可以更直观地管理代理设置,减少手动配置的麻烦。

2025-01-07

windows系统超级工具集

windows系统超级工具集

2025-01-03

联想出品的windows的ai工具集

联想出品的windows的ai工具集

2025-01-03

前端开发资源-collectionEvent的type文件

前端开发资源-collectionEvent的type文件

2025-01-03

vuejs_devtools_beta-6.0.0.7-an+fx.xpi

vue3.0调试工具

2021-03-12

mysql-connector-java

mysql-connector-java-5.1.10-bin.jar 免费的绿色资源,欢迎大家下载

2015-11-09

c3p0-0.9.5.1免费下载

c3p0-0.9.5.1免费下载,纯绿色安全资源

2015-11-09

空空如也

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

TA关注的人

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