工具使用指南
详细的操作步骤、原理解析、常见错误与进阶技巧
图片处理
二维码生成完整教程:URL / WiFi / vCard / Logo 嵌入
NEW从基础的 URL 二维码到 WiFi 一键连接、电子名片,再到带 Logo 的品牌二维码,本指南涵盖所有常见场景。
颜色转换完整指南:HEX / RGB / HSL / HSV / WCAG 对比度
NEW前端开发与设计师必备的颜色格式互转、配色生成、无障碍对比度检查全流程教程。
CSS 渐变完整指南:linear / radial / conic 实战
NEW从基础语法到多色阶过渡、消除色带、生成炫酷效果,本指南配合渐变生成器一步步教你做出有质感的渐变。
电子名片 vCard 二维码:商务场景的"扫一扫存通讯录"
NEW名片上印 vCard 二维码,扫一下直接进通讯录。本指南讲清楚 vCard 格式、二维码尺寸、扫描兼容性与设计建议。
图片压缩完全指南:JPG/PNG/WebP/AVIF 各场景怎么选
HOT图片格式选错了影响网站加载速度、存储成本、兼容性。本文讲 4 种格式对比、压缩质量阈值、社交平台推荐、SEO 图片优化全流程。
CSS 文本阴影完整教程:从凸起到霓虹的 6 种效果实战
NEW从 text-shadow 语法到凸起 / 凹陷 / 3D / 霓虹 / 复古双色 / 柔光 6 种预设效果,再到性能优化与移动端适配,一文掌握文本阴影的全部用法。
图片长拼图完全指南:朋友圈 / 微博 / 公众号尺寸最佳实践
NEW长图制作不仅是美学,更是平台算法友好的关键。本指南详解何时用长图、社交平台的精确尺寸、纵横向选择、间距设计、对齐规则、体积优化与 SEO 陷阱。
朋友圈九宫格切图完全指南:算法 / 技巧 / 美学
NEW九宫格并非简单的等分裁剪,涉及比例约束、视觉线索设计、发布顺序算法与美学考量。本指南详解九宫格原理、切图防裁技巧、长视觉线索贯穿、发布顺序、工具选型。
圆形头像完整指南:尺寸 / 边框 / 阴影 / 跨平台
NEW一篇文章讲清楚微信、QQ、Twitter、LinkedIn 等社交平台对头像的尺寸要求,以及裁剪、边框、阴影、透明背景等设计细节。
图片格式转换完全指南:何时该用 PNG / JPG / WebP / AVIF
NEW4 种主流图片格式的技术原理、压缩算法、兼容性对比,以及选型决策流程。含实测文件体积与浏览器兼容数据。
图片 Base64 / Data URL 完整指南:何时该嵌入 何时不该
NEW什么时候把图片编码成 Base64 塞进 HTML / CSS,什么时候该引用 URL。含 4KB 阈值、HTTP 请求权衡、SVG 内联对比。
在线图片裁剪指南:构图三分法 + 比例选择
NEW掌握构图三分法、常见裁剪比例、保留 EXIF 信息、与压缩的顺序等核心技能,用在线工具高效处理图片裁剪。
Favicon 生成完整指南:尺寸矩阵 + 各浏览器要求
NEW从简单的 16×16 到现代 SVG,掌握 favicon 尺寸矩阵、深色模式适配、SEO 影响等核心知识。
CSS Grid 布局完全指南:从 12 栅格到响应式仪表盘
NEW从 Flexbox 与 Grid 的选择、grid-template-columns/rows、fr 单位与 minmax()、auto-fit 与 auto-fill、到响应式仪表盘实战,一文掌握 CSS Grid 的所有核心用法。
CSS clip-path 完全指南:异形剪裁 + 动画 + SVG 引用
NEW掌握 clip-path 五大函数(circle、ellipse、polygon、inset、path)、用 polygon 绘制自定义形状、实现"撕开"动画效果、与 SVG <clipPath> 互引用、理解与 mask 的区别、移动端兼容性处理。
CSS 圆角完全指南:单角 / 椭圆 / 异形按钮
NEW从 border-radius 速记法到独立四角写法、椭圆圆角、超大半径胶囊形、blob 动画形状、与 overflow:hidden 的配合、SVG vs CSS 圆角的选择、阴影与圆角的视觉互动。
SVG 优化完全指南:去冗余 / 美化 / 雪碧图
NEWSVG 文件常包含编辑器遗留的冗余代码、不必要的节点 ID 和重复路径。本指南覆盖 SVGO 工具原理、本平台内嵌优化、可编辑性与压缩的平衡、CSS 内联 SVG 与雪碧图技巧、Fill 属性继承、前端框架集成和 SEO 最佳实践。
长宽比计算完全指南:视频 / 海报 / 网页设计常用比例
NEW长宽比(Aspect Ratio)是设计与视频制作的基础概念。本指南覆盖 16:9 HDTV、4:3 标准、9:16 竖屏、3:2 全画幅、1:1 正方形、21:9 超宽等常见比例,介绍印刷标准、CSS aspect-ratio 属性实现与 Tailwind 工具类使用。
CSS 纯样式三角形完全指南:8 方向与渐变三角实战
NEWCSS border 属性可创建纯代码三角形,无需图片或 SVG。本指南深入讲解 border 三角原理、8 方向写法、颜色与渐变、SVG 对比、应用案例如提示气泡与面包屑分隔符。
占位图生成完全指南:picsum / placehold / unsplash 设计稿配图
NEW设计稿、原型、组件库 demo、博客文章都需要占位图。本文从应用场景出发,对比 picsum.photos、placehold.co、unsplash 三种服务,讲清楚 URL 参数、随机种子、离线方案与商用授权。
二维码识别完全指南:扫描原理 / 防伪 / 反钓鱼
NEW深入二维码的技术原理、本地识别与在线 API 的区别、纠错等级、防伪签名、钓鱼风险识别与 QRCode.js、ZXing 库的应用。
金融换算
房贷计算器使用指南:等额本息 vs 等额本金 vs 组合贷
NEW一篇文章讲清楚中国房贷的所有计算方式,含商贷+公积金组合贷、提前还款、利率变化等真实场景。
BMI 体质指数计算器使用指南(中国标准)
NEWBMI 是判断身材胖瘦最基础的指标。本文讲清楚中国标准与 WHO 标准的区别、BMR 基础代谢公式,以及如何用 BMI 制定减重计划。
复利计算器使用指南:72 法则与定投精算
NEW一篇讲清楚复利公式、72 法则、基金定投计算,以及为什么巴菲特 99% 的钱来自 50 岁后。
折扣计算完整指南:折扣率、满减、叠加技巧
NEW商家怎么定价更香?消费者怎么算最优惠?本指南讲清楚折扣率与满减的差别、叠加规则、实付倒推折扣。
公积金贷款额度全攻略:怎么算、怎么用满、组合贷怎么搭
NEW公积金贷款利率比商贷低 1.15%,能省几十万利息。本指南讲清楚额度三种算法、组合贷搭配技巧、各城市政策差异。
个税专项附加扣除完全指南:6 项扣除谁能领、怎么算
2026 年个税专项附加扣除最新政策详解:子女教育、继续教育、大病医疗、住房贷款利息、住房租金、赡养老人等 6 项扣除的申报条件、额度与年度汇算清缴全流程。
汇率换算与境外消费省钱:信用卡/多币卡/现金哪个划算
HOT汇率怎么形成、银行买卖价差、信用卡手续费、多币种卡套利、跨境电商支付、境外取现成本,本指南详细对比 5 种支付方式的真实成本。
中国法定节假日与调休安排:政策解读 + 自动推算
NEW深度解读国务院节假日通知发布规律、调休工作日计算方法、农历节日定位算法、清明节节气算法,以及海外华人同步节假日的实用方法。
农历转换完整指南:节气、生肖、干支与黄道吉日
NEW农历是中华文明的时间记忆,从朔望月到干支纪年,从二十四节气到黄道吉日。本文讲清楚农历的所有核心概念、与公历的换算方法,以及如何用本站万年历工具快速查询。
世界时区与时间会议:跨国协作时间换算
NEW世界时区的标准化是近代国际协作的基石。从 UTC/GMT 的历史区别到夏令时的全球分布,从 IANA 时区数据库到 JavaScript 时间处理的坑,本文讲清楚跨国团队如何优雅地同步时间。
工作日计算与节假日扣除:HR 与项目排期实用算法
NEW从薪资折算、年假计数、到甘特图排期,工作日的准确计算是 HR 和项目经理的核心能力。本文讲清楚工作日定义、常见算法、中国法定假日的特殊规则,以及如何用本站工作日计算器处理跨国项目。
番茄工作法实战指南:从 25/5 节拍到团队协作
NEW深度解析番茄工作法的科学基础,从经典 25/5 节拍、长休配置、打断处理、会议应用,到高级变体和时间盒的区别。
单位换算完全指南:长度 / 重量 / 温度 / 数据 大小常用对照
NEW从国际 SI 基本单位到日常生活的米 / 英尺 / 磅 / 摄氏度 / 字节,本指南涵盖 10+ 个换算场景与国际标准,包括中文地区单位差异与容易踩的坑。
年龄计算与生命统计:精确算法与文化差异
NEW从周岁 vs 虚岁到闰年生日处理、社保缴费年限、精算意义,本指南讲清楚年龄计算在中文世界里的全部复杂性。
倒数日 / 纪念日完全指南:仪式感 / deadline / 心理学
NEW倒数日不仅是时间提醒,更是心理学工具。本指南讲解倒数日的心理价值、应用场景(生日、考试、项目、健身),以及如何用倒数日强化目标承诺与行动力。
小费与 AA 制完整指南:全球小费文化、计算方法与社交礼仪
NEW从美国 18-22% 到日韩零小费,从餐厅到出租车,从单人消费到多人聚餐 AA,全面掌握全球小费规则与计算技巧。
随机数生成完整指南:抽签、摇骰子、抛硬币的原理与公平性
NEW从伪随机到加密级随机,从数学原理到实际应用,全面讲解随机数的生成机制、公平性验证与常见误区。
科学计算器完全指南:三角函数、对数、阶乘与组合数的实用公式
NEW从基础三角函数到高级组合数学,全面讲解科学计算的核心公式、应用场景与快速计算技巧。
数字转中文大写完全指南:财务 / 合同 / 转账实用规则
NEW数字 123 和大写「壹贰叁」看似简单,却涉及财务合规、防篡改、法律效力等关键问题。本指南讲清楚大写规则、分位处理、零的原理、税务发票格式、港澳台繁体差异。
中国彩票完全指南:双色球 / 大乐透 / 七乐彩玩法对比
NEW双色球、大乐透、七乐彩是中国三大彩票,每周吸引数百万投注。本指南用数据讲清楚各玩法的中奖概率、奖池、冷热号码的迷思,帮你理性看待彩票。
计数器在线工具完全指南:库存 / 健身 / 教学打卡
NEW从商品盘点、健身计圈到念珠计数,计数器是最简洁的工具。本指南涵盖多场景应用、批量计数技巧、与硬件计数器的对比,让你高效管理每一次计数。
文档生成
Markdown 编辑器完整教程:语法 + 实战
NEW学会 Markdown 后,写博客、文档、笔记效率翻倍。本指南覆盖标准语法、GFM 扩展、技术写作技巧。
中文简历投递攻略:4 种模板怎么选 + ATS 通关 8 个细节
简历模板选对了能加分,选错了被 ATS 系统秒拒。本文讲 4 个模板的适用场景、ATS 防拒要点、PDF vs DOCX 投递差异、邮件正文 8 个细节。
Markdown 表格完全指南:语法 / 对齐 / 嵌套 / 工具链
NEWGFM Markdown 表格是技术文档的标配,但不支持跨行、内部换行等高级特性。本文讲清楚何时该用 HTML 表格、各 Markdown 引擎的兼容性、以及本工具的可视化优势。
PDF 合并完整指南:何时合并 / 顺序选择 / 隐私保障
NEW多份 PDF 文档如何高效合并?顺序、体积膨胀、密码保护、水印保留,本指南讲清楚每一个合并场景的注意事项。
PDF 拆分完整指南:按页 / 按章节 / 按主题精确切分
NEW一份 PDF 分成多份的正确姿势:页码语法、书签利用、加密 PDF 处理、文件命名规范。
PDF 旋转完全指南:扫描矫正与方向修复
NEW扫描件为什么常常颠倒?90/180/270° 分别何时用?混合方向逐页处理,再合并的完整工作流。
PDF 水印添加完全指南:法律效力 / 视觉设计 / 防伪
NEWPDF 水印不仅是设计元素,更是版权保护和机密标识的法律工具。本指南详解文字 vs 图片水印的差异、字号与透明度搭配、旋转角度规范、是否每页都加、水印移除风险与加密防护。
图片转 PDF 完整指南:扫描件 / 合同 / 教程汇编
NEW手机拍照变扫描件、多张图合并交付、防止重排版等核心场景,用在线工具轻松搞定。
CSV 在线查看完整指南:编码 / 分隔符 / 大文件
NEW深入讲解 CSV 的标准与方言、编码陷阱(UTF-8 vs BOM)、分隔符变体、特殊字符转义、大文件处理与排序筛选,以及何时用 CSV vs Excel。
开发者工具
JSON 格式化完整指南:在线美化、压缩、校验与排错
NEWJSON 在 API 通信、配置文件、日志中无处不在。本教程从基础语法到常见错误排查,手把手讲清楚 JSON 格式化的全部用法。
Base64 编码解码完整指南:原理、用法与常见坑
NEWBase64 把二进制数据塞进文本协议的编码方式。本文讲清楚什么时候该用、URL Safe 变体、以及踩过的坑。
正则表达式速学:从零到正确写出邮箱验证
NEW正则不只是程序员的活——批量处理 Excel、查找替换日志、表单验证都要用。本指南从最基础语法到常见模式,1 小时上手。
JWT 解码完整指南:结构、claims、安全实践
NEWJSON Web Token 是现代 Web 鉴权事实标准。本指南讲清楚 JWT 的三段结构、常用 claims、安全风险与最佳实践。
UUID 完整指南:v4 / v7 / Nano ID 怎么选
NEW从 UUID 标准、版本差异,到 Nano ID 的优势、何时该用哪种 ID 生成方式,本指南给你结论。
密码生成与哈希计算完整指南
NEW随机密码该多长?MD5 还安全吗?本指南讲清楚密码学安全随机数、密码强度、哈希函数选型。
cURL 命令生成器使用指南:HTTP 调试基本功
NEWcURL 是开发者最常用的 HTTP 调试工具。本指南讲清楚常用参数、debug 技巧、与 Postman/HTTPie 的对比。
SQL 格式化与团队风格统一:从单行屎山到可读结构
NEWSQL 在生产环境常被压缩成无空白的一行,难以 review 也难调试。本指南从基础格式化到团队规范,讲清楚 SQL 风格化的全部考量。
正则表达式从入门到精通:50+ 实战模式速查
NEW正则是开发者绕不过的工具,但语法晦涩。本指南从基础元字符到工业级模式(邮箱/手机/IP/密码强度),50+ 实战正则一次讲清。
Unix 时间戳与时区处理避坑指南
NEW深入讲解时间戳本质、JavaScript Date 陷阱、时区转换最佳实践、UTC vs ISO 8601、夏令时边界、数据库存储建议,帮助开发者彻底搞懂时间处理。
Base64 编码完全指南:原理、应用与开发避坑
NEWBase64 把任意二进制编码成 ASCII 文本。本指南讲清楚 3 字节→4 字符的数学原理、URL Safe 变体、何时该用、以及实战踩过的 坑。
代码格式化终极指南:HTML/CSS/SQL/JS 美化与团队规范
NEW各语言的主流格式化工具(Prettier/HTMLHint/sql-formatter)、配置文件、pre-commit hook 强制规范、CI 中的 lint-staged。本指南讲清楚为什么团队都用 Prettier。
文件哈希校验完全指南:MD5/SHA-1/SHA-256 选哪个
NEWMD5 已被破解但仍能查重、SHA-1 也已淘汰、SHA-256 当前安全、SHA-3 新一代。本指南讲清楚算法选型、HMAC 用法、防篡改与数字签名、性能对比、Web Crypto API 浏览器内计算。
凯撒密码 ROT13 ROT47 完整解读:从历史到现代用法
NEW深入讲解凯撒密码的发展历程,从古罗马字母位移到现代 ROT13 和 ROT47 的应用,解析为何这些是弱加密以及现代实际用途。
IP / CIDR 子网划分完全指南:从 /24 到 VPC 规划
NEW掌握子网掩码与 CIDR 记号法,理解私有地址段的选择,学会如何在云环境(AWS / 阿里云)规划 VPC,避免地址空间重叠与路由冲突。
HTTP 状态码全解:每个 3 位码什么含义、何时返回
NEW从 1xx 信息响应、2xx 成功、3xx 重定向到 4xx 客户端错误和 5xx 服务器错误,掌握 HTTP 状态码在 SEO、限流、API 设计中的实际应用。
浏览器与设备指纹:能查到什么 / 怎么用 / 隐私边界
NEW浏览器指纹由 UA、屏幕分辨率、时区、Canvas 指纹等组成。学会用 navigator 对象提取设备信息,理解隐私模式的防护范围,以及金融反欺诈中的常见信号。
JSON / YAML / CSV 互转完整指南:格式选型 + 迁移技巧
NEW对比 JSON、YAML、CSV 三种数据格式的本质差异,深入讲解嵌套深度、类型表达、何时该用谁,以及互转中的常见坑点与解决方案。
JSON 对比完全指南:API 调试 / 数据漂移 / 配置变更
NEW掌握 JSON 对比的本质——文本 diff 与结构 diff 的区别、数组比对的复杂性、实战场景与工具方案,快速定位 API 问题、数据变更、配置差异。
JWT 签发完整指南:HS256 / RS256 / ES256 选哪个
NEWJWT 是互联网最常用的无状态身份验证标准。本文讲清楚三种签名算法的原理、适用场景、payload 设计与撤销难题,以及何时选哪个。
HTTP 请求代码生成完全指南:fetch / axios / curl 最佳实践
NEW从 GET 取数到 POST 创建再到 PUT/PATCH 更新,掌握 HTTP 方法语义、Content-Type 选择、Authorization 方案,写出安全高效的请求代码。
User-Agent 解析完全指南:浏览器识别 / 反爬 / 兼容性
NEWUser-Agent 字符串看似无用,实则是识别浏览器、检测爬虫、诊断兼容性的关键。本指南从 UA 历史、现状、解析方法到反爬应用,详解开发者需要知道的一切。
中国手机号格式化与运营商查询完全指南
NEW中国 11 位手机号看似简单,却暗藏号段分布、运营商标识、虚拟运营商、靓号定价等复杂逻辑。本指南讲清楚号码结构、运营商查询、号码携带转网的实际影响。
ASCII 码表完整解读:0-127 控制字符、可打印字符与历史
NEWASCII 是现代计算机的基础字符编码,从 1963 年 ANSI 标准到如今依然支撑互联网的每一次通信。本文详解 128 个字符的来源、用途、为什么'A'=65 而不是其他,以及为什么 HTTP 头只能用 ASCII。
文本处理
摩斯电码完全指南:历史 / 国际标准 / 实战学习
NEW详解摩斯电码从 1838 年诞生至今的演变,涵盖国际标准与美式差异、设计原则、多种表达方式、HAM 业余无线电应用及学习建议。
ASCII 表格制作完全指南:终端 / 文档 / 代码注释 实战
NEWASCII 表格是终端应用、自述文档、源代码注释中最通用的表格格式。本指南讲清楚 Unicode 制表符、CJK 字符宽度对齐难题、与 Markdown 表格的选择时机。
ASCII 艺术字完全指南:figlet 字体 + 创意应用
NEW从电传打字机的经典 ASCII art 到现代 Discord 聊天彩蛋,这篇指南讲清楚 figlet 的 100+ 字体库、ANSI 颜色加持、以及如何用 Unicode 块字符做图像转换。
词云生成完整指南:分词算法 / 美学设计 / 应用场景
NEW词云用字号和颜色可视化高频词汇,常见于年度盘点、舆情分析、用户画像。本文讲清楚分词、停用词过滤、词频映射、配色与应用。
Markdown 转 HTML 完全指南:公众号 / 邮件 / 网站三种用法
NEW从 Markdown 到最终渲染,三大场景(微信公众号、HTML 邮件、网站 CMS)的转换技巧与坑位。包含 GFM 扩展、样式嵌入、兼容性处理与安全防护的完整解决方案。
邮箱地址混淆完全指南:反爬虫 / 防垃圾邮件 / 隐私保护
NEW网站发布联系邮箱后为何遭遇垃圾邮件?本指南讲清楚邮箱爬虫的工作原理、7 种混淆方案对比、SEO 影响,以及如何在隐私与可用性之间找到平衡。
快速阅读训练完全指南:WPM 提升 / RSVP 技术 / 应用边界
NEW快速阅读的认知科学基础(眼跳 saccade vs 注视 fixation)、RSVP 单词逐个闪现、WPM 速度阶梯、内容理解力衰减、不适合场景,以及配合实体书的子声化抑制训练。
文本对比 diff 完全指南:行级 / 词级 / 三方合并
NEW经典 diff 算法(Myers 1986 LCS 最长公共子序列)、统一 diff 格式、字符级 vs 词级 vs 行级差异、两人协作版本对比、HTML 渲染红绿对照、三方合并冲突。
罗马数字完全指南:I V X L C D M 与 Excel / 编年史应用
NEW掌握罗马数字的 7 个基本符号、加法与减法规则、最大表示数 3999、在电影、王朝纪年、Excel 函数中的应用,以及常见误解。
游戏娱乐
抽签转盘完全指南:年会抽奖 / 决策犹豫 / 教学随机
NEW从心理学解释到避坑指南,讲清楚在线转盘为什么能替代骰子、摇筒,以及如何用它科学公平地进行抽签决策。
随机分组完全指南:团建 / 课堂 / 项目协作
NEW从 Fisher-Yates 真随机算法到平衡分组策略,讲清楚如何科学公平地给团队分组,避免"关系户"抱团和人才搭配失衡。
在线骰子模拟器完全指南:TRPG / 教学 / 概率验证
NEW讲清楚标准骰子的来源、TRPG 系统的骰子规则、伪随机与真随机的数学差异,以及如何用骰子模拟器进行概率实验。
斗地主记分规则完全指南:底分 / 倍数 / 春天反春
NEW斗地主三人玩法、底分约定、倍数计算(炸弹 / 王炸 / 春天反春 / 明牌),地主胜负结算公式,以及各地区规则差异与本工具的电子化优势。
掼蛋升级规则完全指南:从 2 打到 A 的路径
NEW掼蛋四人两队对抗、等级制进度(从 2 到 A)、升级条件、过 A 的两道关卡、炸弹识别、地区版本差异与本工具电子记分的优势。
麻将记分完全指南:自摸 / 点炮 / 流局 各算法
NEW麻将四人玩法、东南西北方位、自摸与点炮的支付差异、底分与番数的乘法、流局规则、地区方言差异、本工具按"金额"通用记分的优势。
UNO 计分规则与对局策略完全指南
NEWUNO 是全球最受欢迎的家庭纸牌游戏之一。本教程从官方计分规则、特殊牌分值、500 分胜负判定,到经典对局策略(藏牌与时机、反制 Reverse 拖延),再到各地家规变体与电子版差异,手把手讲清楚 UNO 的所有玩法细节。
通用计分板完全指南:桌游 / 比赛 / 课堂多场景应用
NEW通用计分板突破了专用记分工具的局限,适用于任何需要计分的场景。本教程讲解如何用它来管理桌游玩家、教学积分、体育比赛等,包括玩家管理、加分粒度选择、轮次记录、撤销机制、现场展示技巧。
抛硬币完全指南:决策犹豫 / 概率教学 / 心理学
NEW抛硬币看似简单,却隐藏着概率、心理学和决策论的深层逻辑。本教程讲解硬币的真实偏差(约 51% 朝上)、为什么人们用硬币决策时能「暴露真意」、连续抛硬币的数学概率、浏览器伪随机与真随机的区别,以及教学场景中如何用硬币引入概率论。
石头剪刀布完全指南:赛事 / 心理博弈 / AI 对战
NEW从古中国传入日本再风靡全球,石头剪刀布不仅是儿童游戏,更是策略、心理与数学的完美结合。本指南深度解析世界锦标赛规则、心理学博弈、AI 对战策略与五选项变体,让你成为真正的「布局大师」。
未列出的工具暂未配套教程,仍可在首页使用。