张鑫旭博客

当你需要深挖CSS渲染机制、查阅Canvas API中文文档、或寻找即插即用的前端组件时，张鑫旭博客提供15年一线实践沉淀的原创文章、四本技术书籍及数十款在线工具。

内容特色：从底层原理到稀缺知识

博客围绕CSS、HTML、JavaScript展开，所有文章均来自作者15年前端开发中的实际踩坑与研究，而非规范翻译。

• CSS系列三本书：《CSS世界》（2018年出版，300+页，人邮计算机类销量冠军Top1）、《CSS选择器世界》第2版（2023年，249页，涵盖CSS Level 4选择器）、《CSS新世界》（2021年，580页，CSS3及后续新特性集大成之作）。
• 《HTML并不简单》（2024年7月出版，382页，定价109元）：市面上围绕HTML展开的Web前端开发书籍，内容独家稀缺。
• 掘金小册《技术写作指南》：已有3,331人加入学习。

实用工具与开源项目

站内提供十余个纯前端在线工具，无需注册即可使用；同时托管多个开源项目，覆盖UI组件、动画、音频播放等场景。

• 在线工具：PNG/JPG压缩（支持尺寸与压缩率设置）、SVG压缩合并（基于svgo）、SVG Sprites还原（内置1500+免费SVG图标）、图片序列转APNG/MP4、二维码生成、GIF表情生成等。
• 开源项目：LuLU UI（跨平台跨框架原生UI组件库，官网l-ui.com）、mobilebone（移动端页面过场UI框架，官网mobilebone.org）、Tween（缓动算法库）、基于howler.js的音频播放器（支持MP3/Wav连续播放）。

适合谁用与怎么上手

适合有一定基础的前端开发者，尤其是想深入理解CSS渲染原理、需要即用型组件或工具、以及寻找非官方中文文档的读者。

• 直接访问博客首页即可浏览最新文章，站内搜索支持按CSS/HTML/JavaScript分类筛选。
• 在线工具和开源项目均提供独立页面，工具打开即用，项目附GitHub/Gitee地址。
• 书籍可通过京东自营、当当自营或淘宝签名版购买，部分提供电子版。

常见问题

Q1：张鑫旭博客的CSS书籍和MDN文档有什么区别？

A1：MDN是规范级参考，而张鑫旭的《CSS世界》《CSS新世界》等书基于作者15年一线实践，侧重剖析渲染机制与鲜为人知的细节，例如《CSS世界》深入解释样式表现的底层原因，而非罗列属性。

Q2：博客里的在线工具需要付费或注册吗？

A2：全部免费且纯前端运行，无需注册。例如PNG/JPG压缩工具支持自定义尺寸和压缩率，SVG Sprites还原工具内置1500+免费图标，所有工具打开即用。

更多同类工具与网站,可在学习资源分类继续挑选。

信息核实于 2026年7月,具体以官网为准。