自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 如何避免回流

本文介绍了避免浏览器回流的9种优化方法:1)减少几何属性修改,合并操作;2)使用CSS动画替代JS动画;3)批量操作DOM;4)读写分离;5)class批量修改样式;6)避免强制布局刷新;7)虚拟滚动;8)CSS Containment;9)translate3d硬件加速。重点演示了left/top与translate3d动画的性能对比,后者通过GPU加速可避免回流,显著提升渲染性能。建议对频繁更新的动画元素优先使用transform属性,减少布局计算和重绘开销。

2025-12-16 16:57:19 155

原创 理解二分查找算法

二分查找是一种在有序数组中快速定位目标元素的高效算法,通过每次将搜索范围减半实现O(logn)的时间复杂度。该算法需要满足数组有序、可随机访问、有明确边界三个条件。基本实现包含初始化边界、循环比较中间值、调整边界等步骤。文章还介绍了三种常见变体:查找第一个/最后一个等于目标的值,以及查找第一个大于等于目标的值。虽然二分查找速度快、空间效率高,但要求数据预先排序且实现时需要注意边界条件。适用于需要频繁查询的大型有序数据集。

2025-09-08 19:24:28 298

原创 详细理解时间复杂度

时间复杂度简明指南 时间复杂度描述算法执行时间随输入规模增长的趋势,用大O表示法衡量。常见复杂度从快到慢: O(1):常数时间(如数组访问) O(logn):对数时间(如二分查找) O(n):线性时间(如遍历数组) O(n²):平方时间(如冒泡排序) O(2ⁿ):指数时间(如斐波那契递归) 计算规则: 忽略常数项(O(1000)=O(1)) 保留最高阶项(O(n²+n)=O(n²)) 嵌套循环相乘,顺序步骤相加(O(n)+O(n²)=O(n²)) 口诀:去系数、留高阶、常数O(1)。

2025-09-08 18:38:28 536

原创 let const var 三者区别

JavaScript中let、const和var的关键区别: 作用域:var是函数作用域,let/const是块级作用域。 重复声明:var允许,let/const禁止。 修改性:var/let可重新赋值,const不可(但对象属性可改)。 提升:三者均会提升,但var提升初始化为undefined,let/const存在暂时性死区。 建议:优先使用const,需修改变量时用let,避免使用var以减少作用域问题。

2025-08-07 11:12:07 362

原创 从入门到精通:CSS 动画全攻略

本文主要介绍了CSS动画的基础概念、核心属性及进阶技巧,帮助开发者快速掌握动画效果的实现。文章首先区分了过渡动画(Transition)和关键帧动画(Keyframes)两种核心动画类型,并详细讲解了它们的语法和应用场景。接着,深入解析了Transition和Animation属性组中的各项参数,如动画持续时间、速度曲线、延迟、播放次数等。此外,文章还提供了多阶段动画定义、动画控制属性等进阶技巧,并分享了性能优化指南,如使用高性能动画属性、限制动画元素数量等。最后,通过实战案例展示了加载动画、卡片悬停效果和

2025-05-21 20:33:33 1282

原创 详解什么是SQL注入,为什么要防止SQL注入

SQL注入(SQL Injection,简称SQLi)是一种常见的安全漏洞,攻击者通过将恶意SQL代码插入应用程序的输入中,破坏数据库的安全性。这种漏洞通常发生在应用程序未对用户输入进行适当处理时,导致攻击者可以控制SQL查询,执行读取、修改、删除数据等操作,甚至获取管理员权限。防范SQL注入的关键在于对用户输入进行严格验证和过滤,避免直接拼接SQL查询。常用的防范措施包括使用预处理语句、ORM框架、存储过程、输入验证、最小化数据库权限、使用Web应用防火墙(WAF)以及定期进行安全审计和漏洞扫描。通过这些

2025-05-15 19:06:08 987

原创 解决 Vuetify 多层 v-dialog 弹窗复制文本功能失效的问题

在使用Vuetify开发时,叠加多个v-dialog弹窗可能导致复制文本功能失效,这通常是由于弹窗的焦点管理机制引起的。默认情况下,v-dialog组件会在弹窗关闭时将焦点返回到上一个聚焦的元素,这种焦点恢复行为可能会干扰复制操作。为了解决这个问题,可以通过设置v-dialog组件的retain-focus属性为false来禁用焦点恢复,从而避免焦点切换对复制功能的影响。这种方法不仅解决了复制文本失效的问题,还增强了用户体验,确保焦点不会在弹窗关闭后跳转到不需要的地方。通过合理使用retain-focus属

2025-05-14 17:15:51 534

原创 Jenkins 发布报错LFS: could not get connection for batch request 如何排查问题

Jenkins 发布报错LFS: could not get connection for batch request 排查问题与解答,希望我本次排查经验对您有所帮助,欢迎关注获取更多技术分享和故障排查案例。

2025-05-13 18:11:25 479

原创 Jenkins 发布报错LFS: could not get connection for batch request 如何排查问题

在这次Jenkins发布故障排查中,主要问题出现在使用Git LFS(大文件存储)时,某些大文件无法正确传输或解析。首先,在本地Windows环境中,Git LFS配置正常,代码库能够成功克隆和运行。然而,在远程服务器(Ubuntu系统)上发布时,系统报错,提示LFS文件下载失败。经过一系列排查,包括清除LFS缓存、重新初始化以及切换远程地址为HTTPS,最终发现问题出在Git LFS功能被误关闭。通过重新开启Git LFS功能,问题得以解决。

2025-05-13 17:42:09 483

空空如也

空空如也

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

TA关注的人

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