这个工具最早是为了处理我自己的日志文件。一个文件几万行，直接发给别人不方便；反过来，多个小文件又很难一次看完。所以我把它做成了两个动作：拆分和合并。下面只聊核心 JavaScript。在线工具网址：https://see-tool.com/file-merge-split工具截图：我一开始踩过坑：拆分结果和合并结果字段不一致，后面下载和展示写起来很别扭。后来统一成一个最小结构，事情就顺了。只要是“

平时整理资料、处理日志、拆分大文本时，很多人都会遇到一个问题：文件太大不方便传，或者内容分散不好汇总。为了解决这个高频小麻烦，我用 Vue 3（Nuxt 3） 做了一个「文件合并拆分」在线工具，打开网页就能直接用。在线工具网址：https://see-tool.com/file-merge-split工具截图：这个工具主要有两种模式：文件拆分：把一个大文件拆成多个小文件。支持按“行数”拆分，也支持

大家好！今天我要给大家分享一个日常开发中非常实用的小工具——正则表达式测试工具。在线工具网址：https://see-tool.com/regex-tester工具截图：正则表达式（Regular Expression）是一种强大的文本匹配模式，可以用来验证、搜索、替换字符串。比如检查手机号格式、提取邮箱地址、过滤敏感词等，都离不开它。不过正则表达式语法比较抽象，写错了调试起来特别麻烦，这时候一个

正则表达式是开发者日常工作中不可或缺的工具，但编写和调试正则往往比较繁琐。本文介绍正则表达式测试工具的核心JavaScript实现。在线工具网址：https://see-tool.com/regex-tester工具截图：工具采用前后端分离架构，前端页面使用Vue开发，核心正则处理逻辑封装在独立的JavaScript类中。这种设计将业务逻辑与UI解耦，便于维护和复用。整个工具的核心是 类，所有功

色彩命名工具的功能很直观：输入一个颜色值，就能得到颜色名称、相近色列表，以及常用色彩格式与配色方案。它接受 HEX、RGB、HSL 或中文/英文色名作为输入，输出统一可靠。在线工具网址：https://see-tool.com/color-naming工具截图：下面按“实际运行流程”把核心 JavaScript 逻辑拆开讲，尽量用更直白的方式说明每一步做什么。输入 -> 主命名：金色（Gold）

有时候我们手里只有一串颜色值，却不知道它对应的颜色名称，也不知道和哪些颜色接近。为了解决这个问题，我用 Vue 3 做了一个色彩命名在线工具，打开就能用，适合普通用户快速查色。在线工具网址：https://see-tool.com/color-naming工具截图：这个工具可以帮你做这些事：输入 HEX、RGB、HSL，自动识别颜色名称支持直接输入中文或英文颜色名同时输出多种格式，方便复制到设计或

想做密码校验、文件指纹、接口签名时，很多人会接触 SHA 系列算法。它是不可逆的哈希算法，输出固定长度的摘要，适合用于校验一致性，而不是用来“解密”。这款工具是我用 Vue 开发的网页小工具，界面简单，打开即用。核心计算在浏览器本地完成，不需要上传原文，适合对隐私比较敏感的场景。在线工具网址：https://see-tool.com/sha-encryptor工具截图：使用方式也很直观：把要处理的

这篇文章聚焦本项目中 SHA 在线加密工具的核心 JS 实现思路，强调数据在浏览器端完成计算的流程组织与结果生成方式。在线工具网址：https://see-tool.com/sha-encryptor工具截图：工具的本质是把输入文本稳定地映射为固定长度的摘要。实现上以浏览器原生加密能力为核心，通过统一的数据编码、哈希计算与结果格式化，保证输出一致且可复现。输入内容变化时触发计算流程。文本先被规范为

这篇只讲本工具的核心 JavaScript：把“文本/文件”统一转换成字节序列，计算 MD5，再按用户选择的格式输出。在线工具网址：https://see-tool.com/md5-encryptor工具截图：工具的主流程可以概括成四步：根据输入格式把内容解析成 使用增量 MD5 计算器得到 32 位十六进制摘要字符串把十六进制摘要再转换回字节（统一到同一套输出格式化）按 输出，并可选大写核心原

日常使用中，你可能会遇到这些情况：下载的软件提示“请核对 MD5”，或者别人发来一个文件，你想确认传输过程中有没有损坏。为了解决这类问题，我用 Vue（基于 Nuxt 3） 做了一个「MD5在线加密」工具：输入文本或选择文件，就能快速生成 MD5 值，方便你做校验与对比。需要说明的是：MD5 严格来说是“哈希/摘要”，不是可逆的“加密”。它更适合用来做一致性校验（是否相同），不适合用来保存密码。在

这篇文章只讲本项目里“网页源代码查看”工具的核心 JavaScript 逻辑：用户输入网址后，如何完成参数校验、请求发送、抓取结果处理，以及链接/表单/纯文本提取。在线工具网址：https://see-tool.com/webpage-source-viewer工具截图：页面侧用一组响应式状态管理输入、选项和结果：这套状态直接决定了请求参数和最终展示内容。点击“查看源码”后，不会立即发请求，而是先

平时我们想看一个网页到底加载了什么内容，最常见的方法是按 F12 或右键看源码。但很多时候在手机上、平板上，或者只是想快速查一下页面文本和链接，这些方法就不太方便了。所以我用 Vue 3 做了一个网页源代码查看在线工具，打开就能用，不需要安装任何软件。在线工具网址：https://see-tool.com/webpage-source-viewer工具截图：这个工具适合普通用户做这些事：看网页原始

你在复制网页内容、编辑富文本或提交表单时，是否遇到过一串看不懂的字符，比如 、、？这其实是 HTML 编码。它的作用是把特殊字符转换成安全文本，避免页面显示错乱，也能降低脚本注入风险。我用 Vue 3 做了一个 HTML 编码/解码在线工具，目标就是让普通用户也能轻松处理这类内容，不用安装软件，打开网页就能用。在线工具网址：https://see-tool.com/html-encoder工具截图

这篇只讲本项目里 HTML 编码/解码工具的核心 JavaScript 实现，重点是编码规则、解码逻辑和交互动作如何串起来。在线工具网址：https://see-tool.com/html-encoder工具截图：工具的核心状态很直接：输入、输出、编码模式、是否全量编码、是否编码换行。这几个状态决定了全部行为： 控制输出实体格式（命名实体、十进制实体、十六进制实体） 控制是否只编码基础危险字符，还

URL编码/解码工具的核心功能基于JavaScript原生的四个方法：、、 和 。这四个方法是浏览器内置的，无需引入任何外部库，直接就可以使用。在线工具网址：https://see-tool.com/url-encode-decode工具截图：使用Vue的响应式数据来管理输入和输出状态，这样当数据变化时，界面会自动更新：这里定义了三个响应式变量： 用于存储用户输入的原始文本， 用于存储 encod

平时在网上冲浪，有时候会碰到链接里有一堆奇怪的 %20、%3A 这样的符号，其实这就是 URL 编码后的结果。最近我用 Vue 开发了一个 URL 编码/解码的在线小工具，用起来挺顺手的，分享给大家。在线工具网址：https://see-tool.com/url-encode-decode工具截图：这个工具支持两种编码方式：encodeURI 和 encodeURIComponent，你可以根据需

这篇只讲核心 JavaScript：输入如何进入转换管线、三种 Base64 格式如何统一处理、文本与文件模式如何共用同一套规则。在线工具网址：https://see-tool.com/base64-converter工具截图：工具把两种使用场景完全拆开管理，避免互相覆盖结果。这种拆分让逻辑有两个好处：文本转换失败不会污染文件状态。文件二进制缓存不会进入文本输入输出链路。格式模型只保留三个值，所有

平时复制接口参数、处理图片数据、排查报文时，经常会遇到 Base64。很多人知道“要转一下”，但不知道该选哪种格式，也担心数据被上传。为了解决这些小麻烦，我做了一个更直观的在线工具。这个工具是我用 Vue 3 开发的，打开网页就能用，不需要安装软件。在线工具网址：https://see-tool.com/base64-converter工具截图：文本 Base64 编码与解码，一键互转。文件转 B

这篇只讲核心 JS 逻辑：一段 JSON 是如何一步步变成 TypeScript 接口代码的。在线工具网址：https://see-tool.com/json-to-typescript工具截图：先看最核心的状态和入口：这里做了三件事：输入清洗、JSON 解析、调用生成器。只要这一步跑通，工具就能稳定输出。JSON 字段名常常不规范，比如有空格、短横线、数字开头，所以类型名要先标准化：嵌套对象会不

做前端或全栈开发时，经常会遇到这样的情况：后端已经返回了 JSON 数据，但我们还要手动写 TypeScript 接口，既花时间又容易漏字段。这个工具就是为这个痛点准备的。我把它做成了一个在线小工具，核心前端使用 Vue 开发。你只要把 JSON 粘贴进去，就能一键生成对应的 TypeScript 接口代码，适合日常接口联调和项目初始化。在线工具网址：https://see-tool.com/js