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