2025年04月08日
你是不是也有这样的困扰
元素排列不齐，PPT看起来很乱？
手动调整半天，还是对不齐？
想要均匀分布对象，但一个个拖动太麻烦？
其实，PPT自带对齐&分布工具，让你的PPT排版秒变整齐、专业感爆棚！ 赶紧学起来，效率提升300%！
2025年04月08日
真的好久都没分享手帐排版了，这段时间一直忙着做古风拼贴和Junkjournal，让想看手帐排版的手帐er们都等得不耐烦了。今天，如你们所愿，提供几个快速上手的排版技巧，手帐新手一定要试一试。
这个是我最常用模式，百试不爽，百看不厌。你们仔细些也会发现，我日常手帐的大部分排版都是这个模式。
下图这个右上角和左下角是拼贴，中间写文字，这是一种方法。
2025年04月08日
前端面试中，position定位绝对算是出现的频繁的一个面试题了，我们这次来共享下关于这个属性可以问出怎么样的问题。
CSS 的 position 属性用于控制元素的定位方式，共有五种值：
static、relative、absolute、fixed、sticky。
2025年04月08日
1.px
px：绝对单位。像素px是相对于显示器屏幕分辨率而言的，不会因为其他元素的尺寸变化而变化 。
2.em
em：相对单位，相对于父元素而言的。通常16px（浏览器默认字体大小）=1em,则12px=0.75em，10px=0.625em。
2025年04月08日
CSS 是一种用来描述网页样式的语言，它可以控制 HTML 元素的颜色、大小、位置、布局等外观效果。
CSS 的全称是层叠样式表 (Cascading Style Sheets)，它的基本语法由选择器和声明组成。选择器用来指定要应用样式的 HTML 元素，声明用来定义元素的属性和值。例如：
2025年04月08日
通过元素宽度和字数计算得到缩放
简单实现如下：
/**
* 字体最大为视觉要求大小(maxFontSize)；超出缩小字体显示，最小为minFontSize；最小字体时超出部分使用圆点(...);
* params.minFontSize 最小字体
* params.maxFontSize 最大字体
* params.fontSizeUnit 字体单位
* params.dom 元素节点
*/
const setTextFontSize = (params) => {
const { minFontSize = 12, maxFontSize = 18, fontSizeUnit = "px", dom, ...rest} = params || {};
const textLen = dom?.innerHTML?.trim()?.length;
const domWith = dom?.getBoundingClientRect()?.width;
let initFontSize = Math.floor((domWith) / textLen);
const isCutOff = initFontSize < minFontSize;
if (initFontSize <= minfontsize initfontsize='minFontSize;' else if initfontsize>2025年04月08日
随着eBPF推出，由于具有高性能、高扩展、安全性等优势，目前已经在网络、安全、可观察等领域广泛应用，同时也诞生了许多优秀的开源项目，如Cilium、Pixie等，而iLogtail 作为阿里内外千万实例可观测数据的采集器，eBPF 网络可观测特性也预计会在未来8月发布。下文主要基于eBPF观测HTTP 1、HTTP 1.1以及HTTP2的角度介绍eBPF的针对可观测场景的应用，同时回顾HTTP 协议自身的发展。