技术博客
开发者工具背后的技术原理与最佳实践，每一篇都配套可用的在线工具。
-
CSS transition 过渡指南：cubic-bezier 曲线与 steps 阶跃
深入解析 CSS transition 过渡系统：四大子属性、cubic-bezier 曲线数学原理、steps 阶跃函数、可过渡属性清单与 GPU 合成层优化实践。
-
CSS transform 指南：translate/rotate/scale/skew 四种变换
系统讲解 CSS transform 核心语法：translate 平移 px 与 % 差异、rotate 旋转与原点、scale 缩放与负值镜像、skew 倾斜剪切、transform-origin 9 预设、变换顺序与矩阵乘法、GPU 加速优化，附实战示例。
-
CSS box-shadow 盒阴影深度指南：语法、多层叠加与 Material Design 体系
系统讲解 CSS box-shadow 盒阴影的完整语法、模糊与扩散半径的区别、inset 内阴影、多层阴影叠加技巧、Material Design elevation 阴影体系与性能优化。帮助前端开发者掌握阴影设计的核心原理与最佳实践。
-
CSV 与 Markdown 表格互转指南：GFM 管道表格语法与状态机解析
深入讲解 CSV 与 GFM Markdown 表格双向转换的核心技术：GFM 管道表格语法、列对齐方式（左/中/右）、CSV 解析状态机（RFC 4180 引号包裹与转义）、管道符转义与还原、分隔行识别。结合在线工具实操，帮你理解技术文档编写与数据库导出转 Markdown 的底层原理。
-
EXIF 元数据深度指南：图片信息解析、相机参数与隐私保护
系统讲解图片 EXIF 元数据的结构与解析原理：JPEG 文件格式、TIFF/IFD 数据结构、常见拍摄参数标签、GPS 坐标处理、exifr 库的浏览器端实现。帮助开发者理解图片元数据的底层机制与隐私安全考量。
-
CSS 渐变指南：linear/radial/conic-gradient 与颜色停止点
系统讲解 CSS 渐变的核心语法：线性渐变角度计算、径向渐变形状与中心位置、圆锥渐变起始角度与饼图色轮实现、颜色停止点管理、多色渐变与硬渐变条纹、渐变叠加技巧与浏览器兼容性。帮助前端开发者掌握渐变设计的核心原理与最佳实践。
-
HTML 转 Markdown 完全指南：DOMParser 解析原理与 GFM 扩展实现
深入讲解 HTML 转 Markdown 的核心技术：浏览器原生 DOMParser 的 HTML5 容错解析、块级与行内渲染模型、GFM 扩展（任务列表/表格/删除线）、嵌套列表缩进、代码块语言标识提取、安全策略（忽略 script/style）。结合在线工具实操，帮你理解网页内容提取与博客迁移的底层原理。
-
IEEE 754 浮点数可视化指南：理解计算机如何存储小数与精度丢失根源
深入解析 IEEE 754 浮点数标准：符号位/指数位/尾数位的二进制结构、单精度与双精度差异、偏移量设计、非规格化数与特殊值（NaN/Infinity/-0）、0.1+0.2≠0.3 的根本原因、DataView 位级 reinterpret 技术实现。结合在线可视化工具实操，帮你彻底理解浮点数精度问题。
-
图片压缩深度指南：Canvas API、格式选型与质量权衡
系统讲解浏览器端图片压缩的实现原理：Canvas API 编码流程、JPEG/WebP/PNG 三种格式的特性差异、有损与无损压缩的取舍、质量参数对画质的影响、等比缩放算法。帮助开发者理解图片压缩的底层机制并做出正确的格式选型。
-
摩斯密码深度指南：从电报到 Web Audio API 音频合成
系统讲解摩斯密码的编码规则、PARIS 标准与 WPM 速度计算、点划时序关系、Web Audio API 音频合成原理、分隔符约定、中文摩斯密码的局限性，以及业余无线电、紧急求救、教学演示等实际应用场景。帮助开发者理解摩斯密码在现代 Web 工具中的实现方式。
-
密码哈希深度指南：bcrypt 与 PBKDF2 的实现原理与对比
系统讲解密码哈希的设计原理：单向函数特性、盐值防彩虹表、bcrypt 的 cost 因子与 Blowfish 改造、PBKDF2 的 HMAC 迭代与 Web Crypto API 实现、两种算法的安全性与性能对比，以及 OWASP 2023 选型建议。帮助开发者理解密码存储的底层机制并做出正确的算法选型。
-
CSS text-shadow 文字阴影深度指南：霓虹、3D、描边与浮雕效果实现
系统讲解 CSS text-shadow 文字阴影的完整语法、与 box-shadow 的核心差异、霓虹灯发光、3D 立体文字、8 方向描边、浮雕凹陷等经典效果的实现原理，以及多层阴影叠加顺序与性能优化。帮助前端开发者掌握文字阴影设计的核心技巧。