标签：JavaScript
共 11 篇文章
-
JavaScript 格式化与压缩原理：从词法分析到智能缩进
深入解析 JavaScript 格式化与压缩背后的原理：JS 词法结构、手写 tokenizer 逐字符扫描、正则字面量与除法区分、模板字符串与注释处理、基于括号深度的智能缩进算法、压缩 minify 与 ASI 陷阱、校验未闭合括号。涵盖箭头函数、类、多字符运算符、纯原生 TypeScript 实现要点、与 HTML/CSS 格式化工具的联动方案。
-
颜色格式与色彩理论入门：HEX / RGB / HSL / HSV / CMYK 原理与配色方案
系统讲解五种主流颜色格式：HEX 十六进制、RGB 加色模型、HSL 色相饱和度亮度、HSV 色相饱和度明度、CMYK 印刷四色。深入剖析 HSL 与 HSV 的关键差异、RGB 与 CMYK 色域不匹配问题、五种和谐配色方案（互补 / 类似 / 三角 / 分割互补 / 四角）的生成原理与适用场景。配套在线颜色转换工具实操演练。
-
前端编码全景：encodeURI / encodeURIComponent / btoa / Base64 / HTML 实体 该用哪个？
系统对比前端开发中常见的编码方式：URL 编码（encodeURI / encodeURIComponent）、Base64（btoa / atob + TextEncoder）、HTML 实体（命名 / 数字实体）的原理、应用场景、上下文边界与常见误用。配套可交互工具矩阵，帮你一图搞清该用哪个。
-
JWT 入门与安全实践：三段式结构、算法选型与解码实现
系统讲解 JSON Web Token 的三段式结构（Header.Payload.Signature）、base64url 编码、7 个标准声明字段、HS256/RS256/ES256 算法选型对比、签名密钥管理、过期与刷新机制、常见安全陷阱。配套在线 JWT 解码工具实操演练。
-
正则表达式实战：常用模式速查 + 命名捕获组 + ReDoS 防御
面向开发者的正则表达式实战手册：20+ 常用模式速查（邮箱/URL/IP/手机号/身份证/UUID/MD5/十六进制颜色等）、ES2018 命名捕获组 (?<name>...) 与 $<name> 替换、$1/$<name>/$$ 三种引用对比、ReDoS 攻击识别与防御、性能优化清单、常见误用速查表。配套在线正则测试工具实操演练。
-
Base64 编解码原理与应用场景：JavaScript 中如何正确处理中文与 Emoji
深入解析 Base64 的编码原理、填充规则、URL 安全变体，以及 JavaScript 中 btoa/atob 的中文陷阱与 TextEncoder 方案。涵盖图片内联、Data URL、JWT 等实际应用场景。
-
JSON 格式化与校验实践：从语法错误到性能优化的完整指南
系统讲解 JSON 的语法规则、JavaScript 中 JSON.parse/stringify 的高级用法、常见错误定位、转义与压缩技巧，以及生产环境中的性能优化策略。
-
正则表达式入门与实战：从语法基础到捕获组、标志位与 ReDoS 防护
系统讲解 JavaScript 正则表达式的核心语法、字符类与量词、捕获组与非捕获组、g/i/m/s/u/y 标志位的真实含义、$1/$2 反向引用与替换、零宽断言与命名捕获组，以及生产环境 ReDoS 攻击的识别与防护。配套在线正则测试工具实操演练。
-
Unix 时间戳详解：秒与毫秒的陷阱、ISO 8601 与时区处理实践
系统讲解 Unix 时间戳的定义、秒与毫秒的区别、2038 年问题、JavaScript Date 的 13 位时间戳、ISO 8601 格式、时区与 UTC 处理最佳实践。涵盖常见转换陷阱与跨时区开发技巧。
-
URL 编码原理详解：encodeURI 与 encodeURIComponent 的本质区别与实战陷阱
系统讲解 URL 百分号编码原理、保留字符集合、encodeURI 与 encodeURIComponent 的核心差异、中文与多字节字符编码过程、解码时 + 与 %20 的陷阱，以及查询参数、路径段、Data URI 等实际应用场景。
-
UUID 生成原理与实践：JavaScript 中如何安全生成唯一标识符
深入解析 UUID 的版本差异、碰撞概率与 JavaScript 安全生成方案。涵盖 crypto.randomUUID、getRandomValues 降级、RFC 4122 标准及实际应用场景。