![](https://img-blog.csdnimg.cn/20210420163018880.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
随笔
文章平均质量分 89
记录一些小心得
球球不吃虾
合抱之木,生于毫末;九层之台,起于垒土;千里之行,始于足下。
展开
-
探究 Element Plus Menu 横向多层级展开组件的 Bug 及解决方案
在使用 Element Plus 的 Menu 组件时,我们可能希望构建一个复杂的导航系统,其中包括多个级别的子菜单。在默认的纵向布局下,Menu 组件表现良好,能够完美展示多级子菜单。然而,在某些应用场景中,我们可能需要一个横向的菜单布局,此时问题就显现出来了。当你尝试将 Menu 组件设置为横向(mode=“horizontal”)并且包含多级子菜单时,可能会发现子菜单的显示存在问题。具体来说,子菜单可能无法正确地展开,或者展开时的样式和位置不符合预期,尤其是在涉及到第三级或更深层次的菜单项时。原创 2024-08-16 15:47:36 · 865 阅读 · 0 评论 -
前后端项目打包对比——关于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 · 1040 阅读 · 2 评论 -
推荐一个适用npm小工具优雅的写switch
zwitch是一个由wooorm开发的开源库,旨在提供一种更现代、灵活且可扩展的方式来处理条件逻辑。它允许开发者以函数式的方式定义和管理多条件分支,支持异步操作,且易于测试和维护。原创 2024-05-17 16:43:31 · 1119 阅读 · 0 评论 -
通俗易懂讲解 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 · 1323 阅读 · 0 评论 -
sass中的导入与部分导入
作为Sass的现代化模块化导入机制,极大地提升了CSS代码的组织性和可维护性。尽管在迁移过程中可能会遇到一些习惯上的调整,但长远来看,它无疑为构建健壮、高效的CSS架构提供了有力支撑。在大型前端项目中,CSS代码量往往十分庞大,为了保持其可读性、可维护性以及便于团队协作,模块化开发成为了一种必然趋势。它允许你将一个或多个Sass文件的内容合并到当前文件中,最终编译为一个单一的CSS输出文件。,它们分别服务于不同的模块化需求,并有着显著的区别。,每个Sass文件都可以被视为一个独立的模块,拥有自己的作用域。原创 2024-04-02 10:02:09 · 973 阅读 · 0 评论 -
新词汇揭示中国经济发展新趋势:政府工作报告中的六大首提关键词
在“人工智能+”的框架下,人工智能不再仅仅是一种独立的技术或解决方案,而是作为赋能工具,渗透到经济和社会各个领域中,包括但不限于制造、医疗、教育、交通、农业等传统行业,以及新兴的数字产业。他强调,“人工智能+”行动计划的落地执行,将如同催化剂般加速我国人工智能产业的发展步伐,通过深度融合人工智能技术与传统产业,催生出新的业态和模式,从而有力提升整个产业链的智能化水平和创新能力。”行动计划,这一战略举措不仅体现了我国对于人工智能技术发展的高度重视,而且彰显了推动该领域创新与突破的坚定决心和长远规划。原创 2024-03-14 08:58:12 · 1026 阅读 · 0 评论 -
时光的代码行:CSDN创作三周年纪念与技术成长之旅
未来,我将继续秉持初心,以更深入的技术解析、更实用的经验分享来回馈社区,让我们在追求技术卓越的道路上携手共进,不断突破自我,实现个人与行业的共同进步!球球不吃虾 2024年3月11日,于CSDN创作三周年之际。原创 2024-03-11 14:17:10 · 945 阅读 · 0 评论 -
npm与Maven:前端与后端构建工具深度对比学习
本篇博客旨在通过对npm和Maven这两个在各自领域具有重大影响力的构建工具进行全面且深入的对比分析,帮助前端开发者理解如何有效利用npm来优化前端项目构建与依赖管理,同时让Java开发者了解Maven的核心价值及其实现机制。我们将从基础概念、核心功能、实际应用场景等多个维度展开讨论,揭示两者在依赖管理策略、构建流程设计、社区支持等方面的异同点,以便开发者能够在不同场景下灵活运用相应的工具,提高开发效率和项目质量。通过此番比较学习,我们期望能促进跨领域的知识交流,推动开发实践的创新与进步。原创 2024-03-06 11:59:37 · 2371 阅读 · 0 评论 -
TypeScript:前端世界的“甜蜜烦恼”——究竟该不该用?
AI有可能在编译阶段更好地辅助甚至替代部分人工对类型错误、未定义变量等问题的检查和修复。这种设想中,AI可以更智能地理解代码意图,并自动调整类型以符合预期的行为。原创 2024-03-04 17:12:25 · 897 阅读 · 0 评论 -
使用WebAssembly提升Web应用性能
WebAssembly,简称Wasm,是一种为Web设计的新型二进制代码格式。它并不是一种新的编程语言,而是一种编译目标,可以让其他语言(如C、C++、Rust等)在浏览器中以接近原生的性能运行。WebAssembly的代码是以二进制格式发布的,这意味着它的尺寸小,加载快,效率高。原创 2024-02-28 09:43:41 · 1092 阅读 · 0 评论 -
程序员们的“不关机”现象:一种技术文化还是不良习惯?
程序员们似乎从不关电脑的现象,更多是源于职业特性、工作效率和业务需求的综合考量,而非简单的个人习惯。当然,我们仍鼓励程序员朋友们在保证工作顺利进行的同时,关注设备健康,适时给电脑放个假,毕竟人机和谐才是长久之道嘛!所以,下一次当你看到那个凌晨三点依然亮着灯的窗口,或是朋友列表里那个永远在线的程序员头像,请对他们多一份理解与尊重,因为他们正用自己的热情和坚守,为这个世界创造更多的可能性。原创 2024-02-21 14:21:36 · 883 阅读 · 0 评论 -
Howler.js:音频处理的轻量级解决方案
Howler.js是一个专注于Web音频处理的开源JavaScript库,由James Simpson开发并维护。它提供了一个简洁且强大的API,以解决浏览器间音频处理的兼容性问题,并支持高级功能如音效、3D空间音频和跨源音频加载等。浏览器兼容性。原创 2024-02-21 10:15:31 · 3264 阅读 · 4 评论 -
过年了,程序员们,请多关照自己!休息是为了走得更远!
在这个万家团圆、欢声笑语的时刻,我想对你们说:辛苦了一年,是时候给自己放个假,好好享受这份属于我们的喜庆与祥和了!请放下手中的工作,给自己多一些休息的时间,关注自己的身心健康。或许在休息中,我们能找到解决问题的灵感,或许在与家人的相处中,我们能领悟到生活的真谛。过年了,让我们暂时放下工作的压力,多关注自己的内心世界和生活品质。这些看似微不足道的变化,其实对我们的健康有着深远的影响。过年了,是时候给自己放个长假,让身心得到充分的休息。程序员的工作往往需要长时间坐在电脑前,这对我们的身体健康是一个不小的挑战。原创 2024-02-02 16:40:48 · 550 阅读 · 1 评论 -
超越原生:探索Node.js中最佳文件系统三方库
在Node.js生态系统中,有许多优秀的第三方库能够扩展和增强原生fs模块的功能。这些库提供了更加便捷、高效和强大的文件操作接口,帮助开发者应对各种复杂的文件系统需求。下面,我们将快速介绍一些流行的Node.js文件系统三方库,概述它们的主要特点和用途。原创 2024-02-02 08:15:00 · 1635 阅读 · 3 评论 -
Node.js 文件系统操作指南
本文将深入探讨 Node.js 中的文件系统(fs)模块,它是 Node.js 中进行文件读写的核心模块。通过详细解释各种文件操作方法,本文将帮助您更好地理解和应用 Node.js 进行文件系统的操作。原创 2024-02-01 15:41:37 · 1546 阅读 · 0 评论 -
Java与JavaScript的区别与联系:有人的地方就有江湖,有浏览器的地方就有JavaScript
有人的地方就有江湖,有浏览器的地方就有JavaScript原创 2024-02-01 15:29:46 · 2910 阅读 · 0 评论 -
2024前端技术趋势分析
前端技术是 Web 开发的重要组成部分,它负责呈现用户界面,实现用户交互,提供用户体验。随着互联网的发展,前端技术也在不断地进化和创新,涌现出了许多新的技术和框架,为 Web 应用带来了更多的可能性和挑战。原创 2024-02-01 09:41:38 · 1814 阅读 · 0 评论 -
浏览器推荐:从技术与体验角度的深入探讨
国产浏览器有很多,其中一些比较知名的有360浏览器、QQ浏览器、UC浏览器、搜狗浏览器、猎豹浏览器等。这些浏览器各有特点,比如360浏览器注重安全防护和流畅的运行速度,QQ浏览器界面简洁、实用性强,UC浏览器则以轻量、快速、稳定为主要特性。此外,还有一些其他国产浏览器如2345浏览器、世界之窗浏览器等,它们也在不断地发展和优化中,为用户提供更好的上网体验。实际上,国内有很多浏览器,但它们大多数都是基于国外的开源内核进行开发的,比如Chrome的Blink内核和Firefox的Gecko内核。原创 2024-01-30 08:45:00 · 1868 阅读 · 0 评论 -
CSS Transition(过渡效果)详解
在现代Web开发中,CSS Transition是一种常见且重要的技术,用于实现页面元素的平滑过渡效果。通过Transition,我们可以在不使用JavaScript或Flash等额外技术的情况下,为网页添加丰富的动画效果,提升用户体验。原创 2024-01-30 08:30:00 · 14656 阅读 · 0 评论 -
如何编写.gitignore文件
gitignore文件是Git版本控制系统中一个非常有用的工具。它可以指定一组文件或目录,这些文件或目录将被Git忽略,不会纳入版本控制。这对于避免提交临时文件、构建产物、敏感配置信息等非常有用。原创 2024-01-29 11:03:05 · 2020 阅读 · 0 评论 -
早期 JavaScript 中的高阶函数与模块化实现
高阶函数(Higher-Order Functions)是指那些接受一个或多个函数作为参数,或者返回一个函数的函数。在 JavaScript 中,函数是一等公民,可以作为参数传递,也可以作为返回值。这使得高阶函数在 JavaScript 中有着广泛的应用。原创 2024-01-29 08:59:39 · 897 阅读 · 0 评论 -
高阶函数离不开闭包
在JavaScript中,高阶函数是指那些以函数作为参数或返回函数的函数。高阶函数是函数式编程的重要组成部分,它们提供了强大的抽象和组合能力,使得代码更加模块化和可重用。原创 2024-01-26 15:39:18 · 1017 阅读 · 0 评论 -
JavaScript闭包基础
在JavaScript中,当一个函数可以记住并访问其所在的词法作用域时,就产生了闭包,即使函数是在其词法作用域之外执行的。换句话说,闭包给了你一种从函数外部访问函数内部作用域的方法。// 输出 'I am from outer function!在这个例子中,可以访问的作用域,即使是在外部执行的。这就是闭包。原创 2024-01-26 15:24:44 · 478 阅读 · 0 评论 -
YAML语法记录
记录一下yaml的语法,方便以后查找,前端领域用yaml相对来说少一点,一旦用忘了语法很难受,特此记录。原创 2024-01-26 11:24:11 · 1586 阅读 · 0 评论 -
深入探索谷歌浏览器开发者工具:提升网页开发与调试效率的终极指南(二)
通过性能面板,开发者可以记录和分析网页在运行时的性能数据,识别性能瓶颈,并进行针对性的优化。在应用面板的“Service Worker”部分,开发者可以看到当前注册的Service Worker列表,并可以查看它们的详细信息,如作用域、状态等。内存面板允许开发者实时查看网页的内存使用情况。通过内存面板,开发者可以获取到关于内存使用的详细信息,如总内存使用量、已分配的内存量、可用内存量等。例如,对于LocalStorage,开发者可以在应用面板的“本地存储”部分看到所有的键值对,并可以直接编辑或删除它们。原创 2024-01-22 16:11:06 · 1431 阅读 · 0 评论 -
深入探索谷歌浏览器开发者工具:提升网页开发与调试效率的终极指南(一)
谷歌浏览器开发者工具是一套内置于谷歌浏览器的网页开发和调试工具,通过它,开发者可以轻松地查看、编辑和调试网页的HTML、CSS和JavaScript代码。此外,开发者工具还提供了性能分析、网络监控、内存管理等诸多实用功能。原创 2024-01-22 15:48:59 · 1219 阅读 · 0 评论 -
ACEeditor使用手册(三)
OT和CRDT都以不同的方式处理冲突,但关键在于确保每个用户的编辑操作都能以可预测和一致的方式应用,而不会产生不一致的文档状态。例如,使用Node.js和Express框架,你可以创建一个简单的API来处理文件的保存和加载请求。在多用户编辑同一文件的情况下,文件状态的同步和冲突解决变得尤为重要。原创 2024-01-20 08:15:00 · 1296 阅读 · 0 评论 -
ACEeditor使用手册(二)
如果ACEeditor的内置语言模式不能满足需求,用户还可以通过定义自己的语言模式来实现语法高亮。这通常涉及到编写一个描述语言语法的TM语言文件,并将其加载到编辑器中。除了内置的补全规则外,ACEeditor还支持自定义补全规则。用户可以通过扩展补全提供器来实现更智能的补全逻辑。// ... 其他补全项});除了预定义的代码片段外,用户还可以自定义代码片段,并在需要时快速插入。");',});原创 2024-01-19 14:51:58 · 1677 阅读 · 0 评论 -
ACEeditor使用手册(一)
ACEeditor是一款开源的代码编辑器,具备高度的可定制性和扩展性。它支持多种编程语言的语法高亮,提供了丰富的编辑功能,如代码折叠、自动补全、搜索与替换等。ACEeditor以其卓越的性能和出色的用户体验,在开发者社区中广受欢迎。除了使用内置主题外,ACEeditor还支持自定义主题样式。这可以通过编写CSS样式表并覆盖ACEeditor的默认样式来实现。自定义主题可以更加精细地控制编辑器的外观,以满足特定的设计要求或提高可读性。原创 2024-01-19 14:41:02 · 4089 阅读 · 0 评论 -
Web前端主题色更换实现方式全解析(二)
基于前端框架的主题色切换原创 2024-01-19 14:06:51 · 2085 阅读 · 0 评论 -
深入理解虚拟DOM:原理、优势与实践
虚拟DOM(Virtual DOM)是一个编程概念,它是对真实DOM(Document Object Model)内存中的抽象表示。虚拟DOM本身并不是一个真实的DOM节点,而是一个轻量级的JavaScript对象,它模拟了真实DOM树的结构和属性。开发者通过操作虚拟DOM,可以间接地更新真实DOM,而不需要直接进行频繁的DOM操作,从而提高Web应用的性能。自定义虚拟DOM实现是一个有趣但具有挑战性的任务。原创 2024-01-13 14:00:00 · 1618 阅读 · 0 评论 -
结构化克隆API的前世今生:从深拷贝到原生力量structuredClone()
并且,相比 JSON.parse() ,structuredClone API 的性能更好,特别是在处理一些更大复杂的对象的时候,所以我们可以用它来作为代码里深拷贝的默认方法啦,为了兼容性考虑,可以用 JSON.stringify 或者其他工具函数作为备用。与浅拷贝相对的就是深拷贝,深拷贝算法也会一个一个地拷贝一个对象的属性,但是当它拷贝对另一个对象的引用时会递归调用,同时创建该引用类型的一个副本,这可以有效避免我们在代码里共享一个意想不到的对象引用。当然,大部分实际的需求场景中,我们没必要拷贝这些东西。原创 2023-04-27 08:56:30 · 856 阅读 · 1 评论 -
前端色彩艺术:深入解析与实战指南
本文旨在详细剖析前端颜色相关的各个方面,从基本概念到实际应用,从颜色模式解析到具体实现策略,力求为读者提供全面而实用的前端颜色详解,帮助大家更好地驾驭颜色这一强大的设计语言,提升前端作品的艺术表现力和技术执行力。原创 2023-05-28 10:22:01 · 1037 阅读 · 2 评论 -
Web前端主题色更换实现方式全解析(一)
在Less或Sass中,我们可以定义变量来存储主题色值。这样,当需要更改主题色时,只需修改变量的值即可,无需手动更改每个使用到主题色的地方。原创 2023-06-05 17:25:34 · 490 阅读 · 0 评论 -
谷歌开源项目zx,在node中bash
zx是谷歌实现的一个能在node中写bash命令的库原创 2023-03-28 22:56:48 · 430 阅读 · 0 评论 -
动态加载与异步加载 JavaScript 详解:加载远程js,加载成功后执行回调函数
加载远程js,加载成功后执行回调函数。原创 2023-03-23 11:18:10 · 646 阅读 · 0 评论 -
VITE+TS项目中别名需要分别设置避免冲突
直接指定项目根路径也可以。用js的时候,配置别名就完成了。如果用TS还需要,配置。在这里配置打包编译时候的别名,用。解析成绝对地址也可以,用。原创 2023-03-17 22:42:29 · 768 阅读 · 0 评论 -
前端使用lottie-web,使用AE导出的JSON动画贴心教程
官方介绍:Lottie是一个库,可以解析使用AE制作的动画(需要用bodymovie导出为json格式),支持web、ios、android、flutter和react native。在web端,lottie-web库可以解析导出的动画json文件,并将其以svg或者canvas的方式将动画绘制在我们的页面上.以上就是利用Lottie在vue中实现一个喜欢组件了。原创 2023-01-08 22:25:19 · 5033 阅读 · 2 评论 -
TypeScript内置类型一览(Record<string,any>等等)
TypeScript中Record是啥?现在让我们来了解一下TypeScript官方的内置类型,让你的开发效率再上一层楼。原创 2022-08-03 19:44:26 · 6039 阅读 · 0 评论 -
如何给页面元素添加水印背景,在vue中怎么处理?
这里写一个简单的给页面元素添加水印背景的方法,主要是添加文字行的。这里我写的注释很详细了,不会的可以看看canvas的相关api。步骤2如果是在普通的项目里,直接调用上面的方法就可以实现简单的水印背景效果了。这里重点说一下在vue中,使用自定义指令的方式:为什么使用自定义指令?主要因为自定义指令里面带有el这个页面元素参数,所以说自定义指令主要就是用来干这个活儿的。步骤3:应用自定义指令自行改造,传入更多的参数,或者改变传入参数的方式都行!您的三连支持是我......原创 2022-07-01 11:09:42 · 2350 阅读 · 16 评论