[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"guides-list":3},[4],{"id":5,"title":6,"body":7,"description":70,"extension":71,"featuredTools":72,"meta":76,"navigation":77,"path":78,"seo":79,"stem":80,"tags":81,"updatedAt":84,"__hash__":85},"guides\u002Fguides\u002Ffrontend-utility-stack.md","前端开发最值得先做的 3 个在线工具",{"type":8,"value":9,"toc":63},"minimark",[10,14,18,41,45,57,60],[11,12,13],"h2",{"id":13},"为什么是这三个",[15,16,17],"p",{},"面向前端开发者的工具站不应该从“功能数量”起步，而应该从“最常被重复搜索的问题”起步。首版优先做以下三类：",[19,20,21,29,35],"ol",{},[22,23,24,28],"li",{},[25,26,27],"strong",{},"JSON 格式化与校验","：接口联调、日志检查、结构分享都离不开。",[22,30,31,34],{},[25,32,33],{},"Base64 编码与解码","：header、token、富文本和查询参数经常出现。",[22,36,37,40],{},[25,38,39],{},"时间工具","：日志与接口中的数值时间字段、具体日期时间、时区换算和时间差比较几乎每天都会遇到。",[11,42,44],{"id":43},"为什么适合-seo","为什么适合 SEO",[46,47,48,51,54],"ul",{},[22,49,50],{},"每个工具都能形成独立搜索需求。",[22,52,53],{},"使用说明、FAQ 和场景解释天然适合长尾关键词。",[22,55,56],{},"同一主题下还能继续扩出专题页和对比内容。",[11,58,59],{"id":59},"后续扩展建议",[15,61,62],{},"当首批工具稳定之后，再逐步补充 TypeScript 类型生成、正则测试和 JWT 解析，这样既能保持内容矩阵增长，也不会牺牲交互质量。",{"title":64,"searchDepth":65,"depth":65,"links":66},"",2,[67,68,69],{"id":13,"depth":65,"text":13},{"id":43,"depth":65,"text":44},{"id":59,"depth":65,"text":59},"为什么首版先做 JSON、Base64 和时间工具，以及它们分别解决什么场景。","md",[73,74,75],"json-formatter","base64","timestamp-converter",{},true,"\u002Fguides\u002Ffrontend-utility-stack",{"title":6,"description":70},"guides\u002Ffrontend-utility-stack",[82,83],"前端工具","SEO","2026-04-14","rOTOJ70XSKCJSDnOKN7I9b_egUdGBsytNBWScD_W2Es",1776330667549]