绝对定位的静态位置：未设置 top/left 时元素在文档流中的默认位置计算 大家好，今天我们来深入探讨一个 CSS 中经常被忽视，但却非常重要的概念：绝对定位元素，在没有显式设置 top, right, bottom, left 属性时，它的静态位置是如何被计算的。这涉及到对文档流、定位上下文，以及 CSS 渲染机制的深刻理解。 什么是绝对定位？ 首先，我们快速回顾一下绝对定位。当元素的 position 属性设置为 absolute 时，该元素会从正常的文档流中移除，不再占据空间。它的位置相对于其最近的已定位祖先元素（position 为 relative, absolute, fixed, sticky）进行定位。如果没有已定位的祖先元素，则相对于初始包含块（通常是 <html> 元素）。 关键点： 脱离文档流: 不影响其他元素的布局。 相对于已定位祖先元素: 定位的基准。 如果没有已定位祖先元素: 相对于初始包含块。 绝对定位与静态位置 现在，我们聚焦到核心问题：如果一个绝对定位元素没有设置 top, right, bottom, left 中的任何一个属性，它会出 …
多模态数据的交错（Interleaved）格式：如何在预训练流中混合文本、图像与视频Token
多模态数据交错：文本、图像与视频 Token 的预训练融合 大家好，今天我们来探讨一个在多模态机器学习领域非常重要的课题：如何在预训练流程中有效地混合文本、图像和视频 Token，也就是多模态数据的交错 (Interleaved) 格式。这对于构建能够理解和生成多种模态数据的强大模型至关重要。 1. 多模态交错的意义与挑战 过去，很多多模态模型采取的是“独立编码，后期融合”的策略。例如，分别用 CNN 处理图像，用 RNN 处理文本，然后将它们的表示向量拼接或者相加，再输入到一个统一的解码器中。这种方法简单直接，但在很大程度上限制了模型学习模态间细粒度交互的能力。 而多模态交错的核心思想，是将不同模态的数据 Token 化后，直接混合在一起输入到模型中，让模型能够在训练过程中直接观察到不同模态之间的关系。这就像让一个孩子同时学习绘画、写作和观看视频，而不是先学绘画再学写作。 这样做的好处显而易见： 更强的模态间关联性学习: 模型可以直接学习到图像中的物体与文本描述之间的对应关系，视频中的动作与字幕之间的关联等等。 更灵活的生成能力: 模型可以根据给定的文本生成对应的图像，或者根据给定的 …
HTTP/2 Frame 解析：如何从原始二进制流中提取 HEADERS, DATA, SETTINGS 等帧，并对其进行篡改？
HTTP/2 帧解析与篡改：一场二进制世界的探险 大家好，我是你们今天的导游，带大家深入HTTP/2的二进制丛林，一起探险帧（Frame）的秘密，并学习如何成为一位“帧”的艺术家，创造性地修改它们。 首先，我们得明确一点：HTTP/2 帧是HTTP/2通信的基石。所有的数据，包括请求头、响应体，甚至连接控制信息，都被封装在帧中进行传输。理解帧的结构，就等于掌握了HTTP/2的命脉。 HTTP/2 帧结构：拆开“乐高玩具” HTTP/2 帧由以下几个关键部分组成，可以想象成一个精心设计的“乐高玩具”： 字段名称 长度 (bytes) 描述 Length 3 帧负载的长度，不包括帧头（Length 和 Type，Flags，R）。最大值为 2^24 – 1 (16,777,215)。 Type 1 帧的类型，决定了帧的含义。例如，HEADERS、DATA、SETTINGS 等。 Flags 1 帧的标志位，用于指示帧的特定属性。不同的帧类型有不同的标志位定义。 R 1 保留位，必须设置为 0。 （虽然这个字段没什么实际用处，但也不能忽略它，毕竟它也是帧结构的一部分。） Stre …
继续阅读“HTTP/2 Frame 解析：如何从原始二进制流中提取 HEADERS, DATA, SETTINGS 等帧，并对其进行篡改？”