自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何撤销 `git pull origin xx` 操作

撤销使用git reflog查看操作历史,找到git pull之前的提交哈希。使用回退到之前的提交,丢弃所有未保存的改动。如果需要保留工作区改动,可以使用或。通过以上步骤,你可以轻松撤销git pull操作,并恢复到之前的状态。希望本文对你有所帮助!如果你在使用 Git 时遇到其他问题,欢迎在评论区留言讨论!

2025-12-26 10:58:55 169

原创 深入理解 JavaScript 中的(Promise.race)

在现代 JavaScript 开发中,异步操作是不可避免的。为了更高效地处理多个异步任务,JavaScript 提供了方法。本文将深入探讨的语法、使用场景、示例以及注意事项,帮助开发者更好地理解和应用这一工具。是 JavaScript 中Promise对象的一个静态方法,用于处理多个异步操作的竞争关系。它的作用是从一组Promise中返回第一个完成(无论是fulfilled还是rejected)的Promise的结果或错误。

2025-12-02 16:44:52 390

原创 npm 如何精准安装指定版本包?这招一定要学!

然而,在某些情况下,我们可能需要安装指定版本的包,例如为了确保项目兼容性或避免最新版本中的潜在问题。通过本文的详细步骤和最佳实践,您可以熟练地使用 npm 安装和管理指定版本的包。需要注意的是,使用版本范围安装时,实际安装的版本可能会因仓库中的最新满足条件的版本变化而不同。,搜索包的名称,然后在包的页面中找到“Versions”标签,查看所有版本信息。在安装指定版本的包之前,首先需要了解该包的可用版本。如果需要安装满足特定版本条件的包,可以使用版本范围语法。文件也会相应更新,以反映当前安装的版本。

2025-11-25 15:00:19 463

原创 深入理解云原生架构:从理论到实践

云原生架构为现代应用开发提供了强大的技术支持,通过容器化、微服务和DevOps等核心技术,开发者可以构建高效、弹性、可靠的应用系统。尽管面临技术复杂性和安全性等挑战,但通过不断学习和实践,云原生必将成为未来应用开发的主流趋势。本文将从云原生的定义、核心组件、优势以及实践案例等方面,深入探讨云原生架构的方方面面,帮助开发者更好地理解和应用这一技术。本文结合了腾讯云开发者社区文章的核心内容,并进行了扩展和优化,旨在为开发者提供更全面的云原生知识。如果您对云原生技术有更多兴趣,建议深入学习相关工具和案例。

2025-11-25 14:24:38 514

原创 深入解析 `URLSearchParams` 迭代器:从原理到实战的完整指南

JavaScript设计内存效率:迭代器采用惰性求值,只在需要时生成数据,避免一次性占用过多内存性能优化:对于大型查询字符串,迭代器模式比数组更高效协议一致性:遵循ES6迭代协议,与其他集合类型(如Map、Set)保持统一接口参数获取单值用get()多值用getAll()检查存在用has()参数遍历需要数组用需要对象用需要遍历用for...of参数修改更新用set()添加用append()删除用delete()URL更新// 安全更新URL而不重载页面。

2025-11-11 10:27:31 669

原创 深入理解 `URLSearchParams`:全面解析与实战案例

是一个强大且易用的工具,能够简化 URL 查询参数的处理。通过本文的详细解析和实战案例,你已经掌握了它的核心方法和使用技巧。无论是获取参数、遍历参数,还是动态生成内容,在现代 Web 开发中,处理 URL 查询参数是一个常见的需求。它提供了一系列方法,可以轻松地获取、添加、删除和修改查询参数。接口,使得操作 URL 查询参数变得更加简单和高效。的使用方法,并通过实际案例和代码示例,帮助你全面掌握这一工具。,我们需要根据查询参数动态生成用户信息卡片。获取指定参数的所有值(适用于同名参数)。

2025-11-11 10:25:17 396

原创 温馨提示弹窗

最新爆火的弹窗提示,给大家来个前端版本。

2025-11-05 19:09:40 162

原创 ES6冷门API

ES6为我们提供了如此多强大的原生API,却常常被我们忽视。与其花费时间重复造轮子,不如深入了解这些官方提供的"轮子",它们不仅性能更好,代码更简洁,还能让你的同事眼前一亮。记住,优秀的开发者不是能写出最复杂代码的人,而是能用最简单优雅的方式解决问题的人。希望这篇文章能帮助你发现ES6中那些被低估的宝藏API,如果你有其他喜欢的冷门API,欢迎在评论区分享!

2025-10-28 11:27:23 811

原创 127.0.0.1和localhost有什么区别?

虽然 127.0.0.1 和 localhost 在大多数情况下是等价的,但它们的本质差异在某些场景下会产生实际影响。通过理解它们的工作原理和适用场景,你可以更好地配置和调试应用,避免潜在的问题。

2025-09-24 10:22:39 755

原创 React 展示Markdown内容

在开发知识库系统时,选择一款合适的 Markdown 编辑器至关重要。经过调研和对比,我最终选择了Vditor,这是一款功能全面且适用于多种前端框架的 Markdown 编辑器。无论是 Vue、React 还是 jQuery,Vditor 都能轻松集成。本文将详细介绍 Vditor 的基本用法,并分享一些实际开发中的经验。Vditor 是一款功能强大且易于集成的 Markdown 编辑器,适用于多种前端框架和场景。无论是编辑还是展示 Markdown 内容,Vditor 都能提供良好的支持。

2025-09-23 16:35:42 993

原创 前端十大实用API深度解析

这些API不仅简化了开发流程,还提供了强大的功能,帮助开发者构建更加高效、用户友好的应用。大家快行动起来,动手尝试一下,最后希望这篇文章能帮助您更好地理解和应用这些实用的Web API。如果您有任何问题或建议,欢迎在评论区留言讨论。

2025-09-19 11:01:30 710

原创 如何实现基于 URL 参数的搜索条件同步与展示功能

本文介绍了如何使用React实现基于URL参数的搜索条件同步与展示功能。主要内容包括:1) 支持多种输入类型(单值、数组);2) 搜索后自动更新URL参数;3) 页面加载时自动读取URL参数并搜索。通过useState管理状态、useEffect读取URL、history.replaceState更新地址栏,实现了搜索条件的持久化和分享功能。文章提供了完整代码示例,展示了从输入到结果展示再到URL同步的完整流程,适用于需要分享或回溯搜索结果的场景。

2025-09-19 10:56:55 341

原创 JavaScript 调试锁解除:彻底清除调试钩子与定时器

这段代码简单有效,能够帮助开发者快速绕过网页中常见的调试限制,让你更加顺畅地进行调试和开发。

2025-07-10 17:05:25 460

原创 Mac mini 高性价比扩容 + Crossover 游戏实测 全流程手册

扩容成本:约 500 元(硬盘盒)+ 800 元/徐 GB (TiPlus7100)性能提升:近原生 PCIe4.0 SSD 速度兼顾 Windows:Crossover+外置 SSD 借助足够稳定,适合轻度游戏与办公如有更多需求(如 CodeSandbox 示例、视频演示链接),可随时联系我!祝你的 Mac mini 性能与存储双双升级!

2025-07-09 14:54:31 1750

原创 React 高手才知道的 10 个技巧

);🧩 再也不用到处复制粘贴了。你的每一段逻辑,都值得一个独立 Hook。React 本身非常灵活,但灵活就意味着容易失控。结构清晰的状态管理可维护的组件模式实用的小技巧堆出来的“底层功力”如果你看到这里,说明你已经走在了升级的路上。祝你少踩坑,多写代码,React 越写越顺!🚀。

2025-07-02 17:31:06 691

原创 7个让我进化的 React 开发模式

React 给了你灵活,也给了你灿烂更高效更少愤怒更有信心React 灵活性是把双刃剑,既能写出优雅的抽象,也能写出火葬场级别的垃圾。用这些模式,写给“宿醉后”的自己看。千万别再嵌套三元表达式了。

2025-07-02 15:06:36 785

原创 使用jiaminghi/data-view-react, 本地调试能显示,发布就不显示|不成功(版本冲突)

是的,这个overrides配置是一种解决 react 版本冲突的方式,前提是你用的是npm v8+,否则可以用 yarn 的。🛠 如果你希望我生成一份完整不冲突的示例 + 最安全安装方式,告诉我你目前的工具(vite?webpack?)我可以直接发你一份配置。在中,overrides字段用于强制指定特定依赖的版本(覆盖嵌套依赖的版本声明)。配置解析。

2025-07-01 10:59:24 1282

原创 前端tree去重

在前端开发中,使用树形结构(Tree)时,经常需要对树中的节点进行去重处理,尤其是在处理层级关系复杂的数据时。去重通常是为了避免在树中显示重复的节点。这种方法适用于简单的去重需求,特别是当你只需要基于某个唯一标识(如ID)进行去重。这种方法可以更灵活地处理复杂的去重逻辑,例如根据多个属性进行去重。

2025-06-10 10:29:54 282

原创 解决 iTerm2 中 nvm 不生效的问题(Mac 环境)

通过以上步骤,iTerm2 即可正常使用。管理的 Node.js 和工具链。许多开发者在 Mac 上使用。

2025-05-26 16:31:30 816

原创 前端图片自适应全攻略:从基础计算到工程实践

在现代前端开发中,图片的自适应显示是一个常见但容易被忽视的细节问题。本文将深入探讨如何科学计算图片在节点容器中的显示尺寸和比例,确保图片既能完美适配容器,又能保持原始比例不变形。

2025-05-16 10:41:30 492

原创 实时通信技术深度解析:SSE vs WebSocket vs 轮询(2025新版)

fill:#333;color:#333;color:#333;fill:none;实时通信方案轮询WebSocketSSE短轮询长轮询双向通信服务端单向推送。

2025-04-10 15:49:13 1331

原创 前端术语表、前端名词解释

如需针对某个技术点进行更深入的专项解析,或需要补充其他前端技术内容,请随时告知具体方向!

2025-04-07 17:25:59 786

原创 vue3组件常用的通信方式(父传子、子传父、父直接获取子、pinia)

子传父通过 父组件给子组件标签绑定自定义事件,将事件函数定义在父组件中,子组件中通过从 vue 中解构,调用并创建emit,同时接收父组件给绑定的事件。调用emit触发父组件给绑定的事件,并传递数据,最后父组件在事件函数中通过参数接收子组件传递的数据。父组件// 引入vue插件// 引入子组件// 定义传递给子组件的数据const title = ref("我是子组件")// 定义事件函数</script><template><h1>父组件</h1>-- 使用子组件。

2025-03-25 14:58:12 423

原创 MacOS 中 Zsh 和 Bash 的切换指南

默认终端:MacOS 的默认终端。配置文件:用于加载用户的环境配置。~/.zshrc:包含新打开的 shell 的配置命令。通过以上步骤,你可以轻松在 MacOS 的 Zsh 和 Bash 之间切换。了解各自的配置文件和环境变量有助于你更好地管理和定制你的终端环境。希望这篇指南能帮助你顺利切换并优化你的开发体验!

2025-03-19 14:53:28 1906

原创 Manus高效指南

访问→ 点击「Get Started」→ 选择「Apply for access」进入申请页面。

2025-03-11 17:20:19 460

原创 Manus邀请码全流程申请与行业解决方案指南(2025终极版)

✅ 推荐:Gmail/ProtonMail/企业邮箱⚠️ 黑名单:@163.com(拒收率42%)、@qq.com(垃圾箱概率68%)

2025-03-11 15:22:36 719

原创 《打工人/学生党看过来!这玩意儿比对象还好使!》

链接:https://pan.quark.cn/s/98205b58d0e5。2️⃣ 用过的都说"真香"(试过的已经在偷偷卷了)🔥 5分钟上手骚操作(附送100+神级指令)🔥 隐藏功能大公开(90%的人不知道的彩蛋)🔥 避坑指南(别再用错姿势浪费神器了!- 老板非要你10分钟搞出个活动方案?3️⃣ 点开即送摸鱼秘籍(嘘...)- 写个总结憋半小时就蹦出3个字?(PPT大纲、周报模板直接甩给你)(问啥都能唠,比男朋友耐心)(连朋友圈文案都能帮你编)(解析数学题比老师还细致)「DeepSeek教程」

2025-03-10 23:15:35 266 1

原创 最经典的前端(Tree数据)去冲

该函数将递归地遍历树结构,并使用一个Set来存储已访问的节点ID。

2025-02-27 17:01:01 399

原创 JavaScript 视频加载与播放优化:如何确保视频稳定自动播放?

需要确保视频播放流畅,避免加载失败影响用户体验。:短视频平台需要自动播放功能,保证无缝切换。:视频广告必须确保成功加载,并符合自动播放规则。假设你正在开发一个,当用户访问页面时,视频需要自动播放且保证加载完毕。然而,直接调用:部分浏览器要求视频才能自动播放。:视频未完全加载,导致play()失败。:未正确监听playing和timeupdate,导致状态判断出错。为了确保视频稳定播放,我们对代码进行了优化,接下来是详细解析和优化方案。

2025-02-11 10:29:56 566

原创 针对 overflow-x: scroll 滚动条不显示问题

让元素可以横向滚动,但有时候会遇到滚动条无法显示的问题。本文将详细分析原因,并提供最佳的解决方案。某些浏览器默认会隐藏滚动条,仅在用户滚动时才显示。的元素内部内容没有超出容器宽度,就不会触发滚动。macOS 上滚动条可能会被系统设置隐藏。解决方案:确保子元素宽度足够大,比如。在 Web 开发中,我们经常使用。级别强制显示滚动条。

2025-02-07 14:58:52 1994

原创 页面来源(Referrer)

这个时候我们就会想到我怎么可以知道页面的来源,并且他是通过什么方式进到该页面的,能想要这里的同学们,很棒,你们已经知道应该怎么解决了~假设我们分为两种情况,当前拥有两个页面(A页面、B页面)通过这个方法我们就可以很轻松的解决面临的问题。第二种情况:我们通过。

2024-11-27 15:17:49 313

原创 Canvas创建并转换图片实现下载

Canvas API是HTML5的一部分,它允许在Web页面上进行图形绘制。不需要任何插件或下载,只需要一个支持HTML5的浏览器。它不仅可以绘制图形,还可以进行动画、游戏设计或数据可视化。是一个非常强大的标签。

2024-08-06 11:44:45 1330

原创 TortoiseSVN安装详情

Download LanguagePack_1.14.6.29673-x64-zh_CN.msi (TortoiseSVN) 修改下版本号,在浏览器里访问链接就能下载不同版本语言包。**如果你喜欢用命令行操作,请务必记得勾选command line client tool为will be install on local hard driver,不用命令行的跳过这一步。1.官网:https://sourceforge.net/projects/win32svn/**打开链接自动下载**

2024-05-06 21:08:22 1245

原创 浏览器跨域图片 提示 BackgroundImgae.tsx:84 Uncaught DOMException: Failed to execute ‘toDataURL‘ on ‘HTMLCanva

未捕获的 DOMException: 未能在‘ HTMLCanvasElement’上执行‘ toDataURL’: 受污染的画布可能无法导出。

2024-04-16 20:13:17 979 2

原创 手动封装深拷贝

【代码】手动封装深拷贝。

2024-04-09 00:37:22 271

原创 vue3实现全局注册组件

3. 在组件中通过``2. 在main.ts/js中全局引入定义好的方法 并 调用它。1. 定义全局注册的方法。在main.ts中的操作。

2024-04-09 00:34:53 2036

原创 Ts封装Axios

axios拦截器可以让我们在项目中对后端http请求和响应自动拦截处理,减少请求和响应的代码量,提升开发效率同时也方便项目后期维护。在请求响应的interceptors(因特塞泼特斯).这个里面的话.他分为请求拦截器和响应拦截器,请求拦截器里面一般在请求头里面携带token值.响应拦截器里面对状态码的判断.比方说返回401的时候就是token没权限.跳转到登录界面。以上是axios两次封装,我们还可以将他们的请求方式也封装一下,比如在同文件夹内新建一个。请求拦截,分别包含请求成功 和 请求错误两个函数。

2024-03-05 01:20:41 1595 1

原创 git合并

提示:Branch My' set up to track remote branch My' from' origin // 表示 分支My'设置跟踪远程分支My'从'原点。合并 要合并的分支 所有的数据就会添加到主分支上(本地就会多一个版本记录),但是远程还没有这个版本记录。就是说 本地分支 My 和 远程分支 My 有了跟踪信息了,但是。分支 本地还没有dev这个分支,首先应该跟远程分支保持一致。退出,此时 远程分支My 和 本地分支My 就同步了。最后本地和远程就同步了,主分支也有子分支的内容了。

2024-03-04 01:17:23 530 1

原创 封装本地存储方法

【代码】封装本地存储方法。

2024-03-04 01:09:32 521 1

原创 防抖、节流的概念和实现

防抖(Debounce)和节流(Throttle)是我们前端日常工作中常用的两个性能优化功能。主要用于控制事件触发频率、处理频繁触发的事件,以减少不必要的资源消耗。比如窗口滚动事件、窗口大小改变、输入框输入事件等。防抖:一个或事件被连续的操作时,一段时间内只执行最后一次。比如事件在触发 n 秒后再执行回调,如果在 n 秒内事件被再次触发,则重新计时。常常使用在点击请求的事件上,避免用户在一定时间内多次点击触发请求,导致向后端发送多次请求。

2024-03-04 01:06:59 801 1

进阶篇 _ 前端进阶之旅1.pdf

进阶篇 _ 前端进阶之旅1.pdf

2024-01-08

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

TA关注的人

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