数组插入操作详解:从手动位移到标准库函数的高效实现
1. 数组插入操作一个看似简单却暗藏玄机的基础功在编程世界里数组大概是每个开发者最早接触到的数据结构之一。它简单、直观就像一排整齐的储物柜每个格子元素都有一个固定的编号索引。但当我们想在这排柜子中间塞进一个新东西时问题就来了——这排柜子是固定死的没法凭空变出一个新位置。这就是“在数组中插入一个元素”这个操作之所以成为一个经典面试题和日常高频操作的根本原因。它考察的不仅仅是你对语法是否熟悉更考验你对计算机内存模型、数据操作成本以及不同场景下方案选型的理解深度。今天我们就来彻底拆解这个问题。我将分享两种最核心、最实用的方法并深入探讨它们背后的原理、适用场景以及那些新手极易踩坑的细节。无论你是正在刷题准备面试的学生还是日常开发中需要处理数据增删的业务工程师掌握这两种方法及其精髓都能让你在面对“数组插入”时从“能实现”进阶到“实现得高效、优雅”。2. 方法一手动位移法——理解内存操作的底层逻辑手动位移法是最直接、最能体现数组底层特性的方法。它的核心思想是既然数组在内存中是连续存储的无法直接“撑开”那么我们就手动为新的元素腾出位置。2.1 核心思路与算法步骤这个过程非常像在图书馆一排摆满书的书架中间插入一本新书。你不能直接把书“变”进去而是需要先把目标位置及后面的书都往后挪一格空出一个位置再把新书放进去。具体到代码逻辑可以分为以下清晰的三步检查与准备首先确认数组是否有足够的容量如果使用的是固定长度数组如C/C的基础数组或Java中已初始化的数组。然后明确你要插入的位置索引假设为pos和要插入的值假设为value。创造空间这是最关键的一步。我们需要将数组中从pos开始到最后一个元素的所有元素都向后移动一位。注意必须从最后一个元素开始倒序向后移动。如果从pos开始正序移动你会覆盖掉pos1的元素然后这个被覆盖的值再去覆盖pos2导致数据丢失。插入元素在pos这个现在已空出的位置上放入我们的新值value。注意这里隐含了一个重要前提我们通常需要一个“逻辑长度”变量来记录数组当前实际存了多少个元素而不是数组物理上分配的长度。插入后这个逻辑长度需要加1。2.2 代码实现与逐行解析我们以Java语言为例假设我们管理着一个整型数组arr一个表示当前元素数量的size以及数组的总容量capacity。/** * 在指定位置插入一个元素手动位移法 * param arr 目标数组 * param size 数组当前元素个数引用传递以便修改 * param capacity 数组总容量 * param pos 要插入的位置索引0-based * param value 要插入的值 * return 插入是否成功 */ public static boolean insertByShift(int[] arr, int[] size, int capacity, int pos, int value) { // 1. 边界条件检查 if (size[0] capacity) { System.out.println(插入失败数组已满。); return false; } if (pos 0 || pos size[0]) { // 允许在末尾插入(pos size[0]) System.out.println(插入失败插入位置越界。); return false; } // 2. 从后向前移动元素腾出pos位置 for (int i size[0] - 1; i pos; i--) { arr[i 1] arr[i]; // 将元素向后移动一位 } // 3. 在空出的位置插入新元素 arr[pos] value; // 4. 更新数组当前大小 size[0]; System.out.println(插入成功。); return true; }关键点解析size使用数组传递这是一个小技巧。因为Java是值传递为了在方法内部修改外部的size变量我们将其包裹在一个单元素数组中从而达到“引用”效果。在实际项目或其它语言如C中可能直接使用指针或引用。循环条件i pos这确保了位置pos的元素也会被移动。当i等于pos时执行arr[pos1] arr[pos]这样pos位置就空出来了。允许pos size[0]这意味着可以在当前所有元素的末尾插入此时循环条件i pos因为i初始为size[0]-1小于pos循环体不会执行直接执行插入和size增加逻辑完全正确。2.3 时间复杂度与空间复杂度分析这是评价算法性能的关键也是面试必问点。时间复杂度O(n)。这里的n通常指数组中需要移动的元素数量在最坏情况下在数组头部插入即pos0需要移动所有size个元素。平均而言需要移动size/2个元素但时间复杂度描述的是增长趋势所以仍然是 O(n)。空间复杂度O(1)。我们只使用了固定的几个额外变量i,pos,value等没有使用随数组规模增长而增长的额外存储空间因此是常数复杂度。适用场景与心得 手动位移法适用于所有需要显式控制内存和过程的场景特别是在嵌入式开发、对性能有极致要求的底层系统、或者学习数据结构的初期。它让你清晰地感知到每一次数据操作的成本。我个人的体会是在面试中手写这种方法能很好地展示你对基础的理解。但在日常业务开发中如果语言提供了更高级的抽象我们通常会选择更简洁的方法二。3. 方法二使用标准库函数——站在巨人的肩膀上对于大多数现代高级编程语言如Python, Java, JavaScript等其标准库或内置类型已经为我们封装了高效且稳健的数组插入操作。这种方法的核心思想是避免重复造轮子利用语言或框架提供的、经过充分优化的工具。3.1 不同语言下的实现范例不同语言对此的支持程度和语法各不相同但理念相通。Python使用list.insert()Python的列表list是动态数组其insert()方法完美封装了插入操作。my_list [1, 2, 3, 5] # 在索引2即第三个位置插入元素4 my_list.insert(2, 4) print(my_list) # 输出: [1, 2, 4, 3, 5]Python的list.insert(pos, value)在内部自动处理了所有边界检查、内存重分配如果需要扩容和元素位移我们只需一行代码。Java使用ArrayList.add()在Java中我们通常使用ArrayList这个动态数组类来代替基础数组。import java.util.ArrayList; ArrayListInteger list new ArrayList(Arrays.asList(1, 2, 3, 5)); // 在索引2处插入元素4 list.add(2, 4); System.out.println(list); // 输出: [1, 2, 4, 3, 5]ArrayList.add(index, element)方法同样封装了所有细节。需要注意的是ArrayList在底层也是数组其add(index, e)方法的时间复杂度依然是O(n)因为它内部也需要移动元素。但它的优势在于自动扩容、丰富的API和更好的集成性。JavaScript使用Array.splice()JavaScript数组的splice()方法功能非常强大可以同时实现插入、删除和替换。let myArray [1, 2, 3, 5]; // 在索引2处删除0个元素插入元素4 myArray.splice(2, 0, 4); console.log(myArray); // 输出: [1, 2, 4, 3, 5]splice(start, deleteCount, item1, item2, ...)的语义是从start索引开始删除deleteCount个元素然后插入后续的所有参数。这里deleteCount为0所以是纯插入。3.2 方法二的底层原理与性能虽然我们调用的是高级API但了解其底层原理至关重要这能避免我们误用。无论是Python的list、Java的ArrayList还是JavaScript的Array它们在底层存储数据时本质上仍然是基于一块连续的内存空间数组。当你调用insert,add(index,e)或splice进行插入时解释器或虚拟机在内部执行的逻辑与我们手动编写的“位移法”在核心步骤上是一致的检查边界和容量。如果需要进行动态扩容例如申请一块更大的内存拷贝旧数据。将插入点之后的元素向后移动。放入新元素。更新内部的长度记录。因此这些高级API在中间位置插入的时间复杂度平均和最坏情况下仍然是O(n)。它们并没有魔法只是把复杂且易错的细节隐藏了起来提供了更安全、更便捷的接口。它们的优势在于代码简洁一行代码代替多行。健壮性强内置了边界检查、类型检查在强类型语言中和自动扩容。经过优化标准库的实现往往由专家编写并针对特定语言运行时进行过深度优化可能比我们自己写的朴素版本效率更高。3.3 如何选择手动法 vs 库函数法这是一个典型的“造轮子”与“用轮子”的选择题。我的经验法则是首选库函数在99%的业务开发、算法题允许使用标准库时和脚本编写场景中毫不犹豫地使用语言提供的标准库函数。它的目的是提升开发效率、减少错误并且其性能在绝大多数情况下都是完全可接受的。使用手动法的场景学习与教学为了深入理解数组和数据结构的原理。面试特定要求有些面试官明确要求不能使用高级API以考察基本功。极端性能优化在极其特殊的性能敏感场景你可能有自定义的内存布局或优化策略需要精细控制每一次拷贝。但这属于非常高级的优化需要充分的性能剖析数据支撑。底层或嵌入式开发所在的环境可能没有提供这样的高级容器库。实操心得不要陷入“高级API性能一定差”的误区。现代语言的标准库实现极其高效。我曾见过有人为了“优化”而自己实现一个动态数组结果不仅引入了bug性能还不如直接使用ArrayList。在优化之前先进行测量Profiling。4. 插入操作的边界情况与陷阱防范无论是手动实现还是调用库函数处理边界情况都是保证程序健壮性的关键。以下是几个最常见的陷阱及其防范措施。4.1 插入位置越界这是最经典的错误。插入位置pos的有效范围通常是[0, current_size]。注意current_size是允许的表示在末尾追加。错误示例pos 0或pos current_size严格大于。防范在操作前必须进行校验。// 手动实现时的检查 if (pos 0 || pos size) { throw new IndexOutOfBoundsException(插入位置: pos , 数组大小: size); }库函数行为像ArrayList.add(index, e)这样的方法如果索引越界会抛出IndexOutOfBoundsException。这是我们需要捕获和处理的异常。4.2 数组容量不足对于固定长度的基础数组如果当前元素数量size已经等于数组长度capacity则无法再插入。防范动态扩容这是高级容器如ArrayList的做法。当容量不足时申请一个更大的新数组通常是原容量的1.5或2倍将旧数据拷贝过去然后继续操作。手动实现可以参考此逻辑。提前检查在插入前检查if (size capacity)如果已满则返回错误或触发扩容流程。库函数行为Python list、Java ArrayList等都会自动处理扩容用户通常无需关心。4.3 在遍历过程中修改数组这是一个非常隐蔽的陷阱。当你使用for循环或迭代器遍历数组/列表时如果直接在遍历过程中进行插入或删除很容易导致循环变量错乱或并发修改异常。错误示例ArrayListInteger list new ArrayList(Arrays.asList(1, 2, 3, 4)); for (int i 0; i list.size(); i) { if (list.get(i) 2) { list.add(i, 99); // 插入操作改变了list.size()和后续元素的索引 // 这可能导致死循环或漏掉某些元素的检查 } }正确做法倒序遍历如果需要在遍历时插入且插入位置不影响已遍历的部分可以考虑从后向前遍历。收集操作最后执行先遍历记录下需要插入的位置和值存到另一个列表中。遍历结束后再统一执行插入操作注意从后往前插入避免影响之前记录的位置。使用迭代器如果支持某些集合类的迭代器提供了安全的add方法。4.4 特殊位置插入的细节头部插入 (pos 0)这是最耗时的操作需要移动所有元素。如果频繁在头部插入应考虑使用链表LinkedList这种数据结构其在头部插入的时间复杂度是O(1)。尾部插入 (pos size)这是最高效的插入操作通常不需要移动任何元素除非触发扩容时间复杂度可视为O(1)摊销常数时间。因此如果业务场景允许尽量采用追加的方式。5. 性能优化与高级技巧探讨当我们对插入性能有更高要求时就需要跳出“每次插入都移动元素”的思维定式。5.1 批量插入的优化策略如果需要连续插入多个元素最差的做法是循环调用单次插入API。低效做法O(k * n)k为插入次数n为数组大小。优化思路计算总位移先确定所有元素插入后最终需要移动的“大区块”。一次性移动只执行一次大规模的元素向后移动。填充新数据将待插入的多个元素一次性放入空出的位置。例如在数组[A, B, C, D]的位置1后连续插入[X, Y, Z]。 低效做法插X移一次插Y再移一次此时X也被移动了插Z再移一次。 高效做法计算出最终需要为[X,Y,Z]空出3个位置直接将[B,C,D]一次性向后移动3格然后将X,Y,Z填入空位。很多标准库的批量插入方法如Python list的切片赋值list[1:1] [X, Y, Z]在内部就采用了类似的优化。5.2 数据结构选型何时放弃数组这是从根本上解决插入性能问题的思路。数组的连续内存特性决定了其中间插入的成本。如果你的应用场景频繁在任意位置进行插入或删除那么数组或基于数组的ArrayList可能不是最佳选择。链表LinkedList链表在已知节点位置的情况下插入和删除操作的时间复杂度是O(1)因为它只需要修改指针而不需要移动大量数据。代价是随机访问元素变慢O(n)。平衡搜索树如TreeSet/TreeMap或跳表它们能保持元素有序并且插入、删除、查找的时间复杂度都是O(log n)是一个在有序性和操作效率之间很好的折中。哈希表HashSet/HashMap如果你不关心顺序只关心快速判断存在性和插入哈希表的平均插入时间复杂度是O(1)。选型决策框架访问模式是随机访问多按索引还是顺序访问多修改模式插入/删除是主要在尾部还是在中间/头部频率如何是否需有序数据是否需要保持插入顺序或某种排序例如实现一个“最近使用的文件”列表尾部插入和头部删除很频繁中间操作少那么使用一个定长的队列可以用循环数组实现可能比链表更高效因为数组的缓存局部性更好。5.3 空间换时间的预处理思想在某些特定场景下我们可以通过额外的空间来提升插入效率。预留空位Padding如果知道大概的插入频率可以初始化一个比实际需要更大的数组并在数据间预留一些空位。插入时可能只需要移动附近一小部分数据甚至不需要移动如果插入点正好是预留空位。这类似于数据库的页填充因子Fill Factor概念。缺点是浪费空间且空位用完后性能会退化。分块数组Blocked Array将一个大数组分成许多小块。插入时只影响其中一个块移动的数据量就限制在块大小内。结合链表管理这些块可以在O(√n)或更优的时间内完成插入。这是一种更复杂但平衡了数组和链表优点的数据结构在某些数据库和文本编辑器中有应用。6. 实战手写一个简易的动态数组ArrayList为了融会贯通我们尝试手动实现一个简化版的动态数组支持自动扩容和在任意位置插入。这能让你彻底理解ArrayList等容器类的工作原理。public class SimpleDynamicArray { private int[] data; // 内部存储数组 private int size; // 当前元素数量 private int capacity; // 数组总容量 // 构造函数初始化容量 public SimpleDynamicArray(int initialCapacity) { if (initialCapacity 0) { throw new IllegalArgumentException(初始容量必须大于0); } this.capacity initialCapacity; this.data new int[initialCapacity]; this.size 0; } // 在指定索引插入元素 public void insert(int index, int value) { // 1. 边界检查 if (index 0 || index size) { throw new IndexOutOfBoundsException(索引: index , 大小: size); } // 2. 容量检查与扩容 if (size capacity) { resize(capacity * 2); // 常见的扩容策略翻倍 } // 3. 从后向前移动元素 for (int i size - 1; i index; i--) { data[i 1] data[i]; } // 4. 插入新元素 data[index] value; // 5. 更新大小 size; } // 扩容方法 private void resize(int newCapacity) { int[] newData new int[newCapacity]; // 拷贝旧数据 for (int i 0; i size; i) { newData[i] data[i]; } data newData; capacity newCapacity; System.out.println(数组已扩容至: newCapacity); } // 其他辅助方法获取大小、根据索引获取值等... public int getSize() { return size; } public int get(int index) { if (index 0 || index size) throw new IndexOutOfBoundsException(); return data[index]; } }实现要点解析封装将内部数组data、当前大小size和容量capacity封装在类内部对外提供安全的insert和get接口。自动扩容insert方法在检测到size capacity时调用私有的resize方法。常见的扩容因子是2或1.5这样能保证多次插入的摊销时间复杂度仍为O(1)。摊销分析的意思是虽然单次扩容是O(n)的但平摊到后续的n次插入上每次的成本是常数。异常处理对索引进行了严格的检查并抛出标准异常使类的行为更符合Java惯例。通过这个练习你会对“动态数组”如何工作、扩容的成本与收益、以及封装的重要性有更深刻的认识。在实际开发中我们当然直接使用java.util.ArrayList但了解其原理能让你在使用时更加自信在遇到性能问题时也能有的放矢地进行排查和优化。数组插入这个基础操作串联起了数据结构、算法复杂度、API设计和性能优化的多个核心知识点值得每一个开发者深入掌握。

相关新闻

Golang区间随机数生成:从原理到高并发实战

Golang区间随机数生成:从原理到高并发实战

1. 从“随机”到“可控”:为什么区间随机数是个技术活在编程世界里,“随机”是一个既迷人又充满陷阱的概念。尤其在Golang(Go语言)里,处理随机数生成,特别是生成指定区间内的随机数,远不止是调用…

2026/10/5 6:32:57 阅读更多 →
Ret2Libc攻击技术解析与CTF实战应用

Ret2Libc攻击技术解析与CTF实战应用

1. Ret2Libc攻击技术解析在二进制漏洞利用领域,Ret2Libc(Return to Libc)是一种经典的绕过现代防护机制的攻击技术。当程序启用了NX(No-eXecute)保护时,传统的栈溢出执行shellcode的方法将失效,…

2026/10/8 13:00:45 阅读更多 →
Git与SVN核心差异解析:从分布式与集中式原理到实战选择

Git与SVN核心差异解析:从分布式与集中式原理到实战选择

1. 从一次“版本控制灾难”说起那天下午,团队里负责部署的小王在群里发了个截图,附带一个哭脸表情。截图里是一行刺眼的错误:fatal: not a git repository (or any of the parent directories): .git。他刚接手一个老项目,想拉取最…

2026/10/8 21:40:10 阅读更多 →

最新新闻

Ghostty Blackhole参数完整清单:30+个可调常量逐个详解

Ghostty Blackhole参数完整清单:30+个可调常量逐个详解

【免费下载链接】ghostty-blackhole Ghostty Blackhole puts a real, ray-traced black hole inside your terminal. It grows as Claude Codes context window fills up, live. A fresh session is a quiet hole in the corner. A full one swallows half your screen. Youll …

2026/10/11 13:15:53 阅读更多 →
AI编程工具选型不重要?九个月实战总结:Workflow优化才是效率关键

AI编程工具选型不重要?九个月实战总结:Workflow优化才是效率关键

1. 从“换工具”到“改流程”:一个被多数人忽略的转折点九个月前,我和身边不少开发者一样,把大量精力花在了“选哪个AI编程工具”上。那段时间,几乎每周都有新工具冒出来,每个都宣称自己补全更准、上下文更长、响应更快…

2026/10/11 13:15:53 阅读更多 →
MFC规则DLL调用避坑指南:模块状态与导出函数实战

MFC规则DLL调用避坑指南:模块状态与导出函数实战

简介:这份资源是一套面向MFC初学者与Windows桌面开发者的调用MFC规则DLL(共享非静态)完整示例工程,重点解决规则DLL在对话框程序中的导出、加载与调用问题,适合正在学习DLL编程、需要动手验证共享DLL机制的同学参考。压…

2026/10/11 13:15:53 阅读更多 →
iniscan 输出格式完全指南:Console、JSON、XML 与 HTML 一键切换

iniscan 输出格式完全指南:Console、JSON、XML 与 HTML 一键切换

应用安全开发工具 【免费下载链接】iniscan A php.ini scanner for best security practices 项目地址: https://gitcode.com/gh_mirrors/in/iniscan 点击查看 免费下载 iniscan 是一款面向 php.ini 的免费安全扫描工具,它按最佳安全实践检查配置文件并…

2026/10/11 13:15:52 阅读更多 →
云南河流矢量数据清洗与拓扑修复实战指南

云南河流矢量数据清洗与拓扑修复实战指南

简介:本资源为2024年最新版云南省河流水系GIS矢量数据集,面向地理信息、城乡规划、水利研究及环境分析等领域的科研人员、高校师生与GIS工程师,可支撑流域分析、空间叠加、制图出图及水文建模等专业应用。压缩包共11个文件,含shp&…

2026/10/11 13:15:52 阅读更多 →
Django+Vue外卖点餐系统毕设指南:从建表到联调全流程

Django+Vue外卖点餐系统毕设指南:从建表到联调全流程

简介:一套基于Python Django与Vue.js开发的外卖点餐系统毕业设计项目,采用B/S架构,适合计算机相关专业学生作为毕业设计或课程设计参考。前端覆盖首页、菜品详情、订单中心、用户中心等核心用户场景;后台提供总览、订单管理、菜品…

2026/10/11 13:14:52 阅读更多 →

日新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/11 0:00:27 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/11 0:00:27 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/11 0:00:27 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/11 10:45:37 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/9 21:32:20 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/10 10:38:42 阅读更多 →