8 个工具 · 即开即用
前端Wiki/工具

前端开发工具箱

本页收录前端 Wiki 精心整理的 8 个免费在线工具,覆盖 CSS 查询、取色、布局演示、正则调试、渐变与二维码生成等日常开发高频场景,全部纯前端实现、无需登录、打开即用。
工具持续更新中,结合 364 个前端词条 与各科教程食用效果更佳。

全部工具

📋

CSS 速查表

按选择器、盒模型、Flex/Grid 布局、动画、媒体查询等分类整理的 100+ 常用 CSS 属性速查,支持打印。

css-cheatsheet.html
🎨

CSS 颜色对照表

完整收录 140 个 CSS 命名颜色,提供 HEX / RGB / HSL 换算,支持实时搜索过滤与点击复制色值。

css-colors.html
▦

Flexbox/Grid 可视化演示器

通过可视化滑块与实时预览学习 Flexbox 与 Grid 布局,调整参数即可查看对应 CSS 代码。

flexbox-grid.html
.*

正则测试器

在线正则表达式测试工具,支持分组高亮、标志位切换与常用正则 cheatsheet,快速验证匹配结果。

regex-tester.html
🌈

CSS 渐变生成器

可视化生成线性、径向与锥形渐变,实时预览效果并一键复制 background 代码。

color-gradient.html
▣

二维码生成器

把任意文本或链接免费生成二维码,支持自定义尺寸与容错级别,纯本地生成不上传数据。

qrcode.html
💡

今日面试题

每日一道前端面试题,覆盖 HTML、CSS、JavaScript、框架与工程化,附详细解析与相关词条延伸。

daily-interview.html
📖

词条大全

364 个前端术语词条索引,按学科分类,每个词条附逐条详解,适合系统复习与速查。

../term/index.html
回到 前端Wiki 首页