[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f2zlxcm5u58f56":3,"$f1pvyg6ocu1lwa":23,"$f3tcgfrajozxny":182,"$fr57cjicjvyls":270},{"data":4},{"id":5,"name":6,"url":7,"icon":8,"description":9,"content":10,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":12,"code":13,"categoryId":14,"createdAt":15,"category":16},725,"CubicBezier","http:\u002F\u002Fcubic-bezier.com\u002F",null,"贝塞尔曲线 CSS 代码生成","## 站点概述\n\ncubic-bezier.com 是一个 CSS 贝塞尔曲线调试工具。工具提供曲线参数的拖拽调整、效果对比与预设选项，并支持代码的导入导出，面向前端开发者与设计师，浏览器打开即用。\n\n## 主要功能与内容\n\n- 曲线调整：通过拖拽控制点设置缓动曲线。\n- 效果对比：可并列比较不同曲线下的动画表现。\n- 时长设置：支持调整动画持续时间。\n- 预设选项：提供常用曲线预设。\n- 代码导入导出：支持在工具与项目之间传递参数。\n\n## 特色与优势\n\n该工具的特点在于把过渡曲线的抽象参数转为可拖拽的图形控制，配合并列对比可直观感受差异；导入导出功能也便于与代码中的参数保持一致。\n\n## 使用场景与适合人群\n\n适合前端开发者调试过渡与动画的节奏，也适合设计师描述期望的动效感受；最终效果建议在目标设备上验证。\n\n## 总结\n\n总体而言，cubic-bezier.com 是一个以缓动曲线调试为功能的工具，可视化拖拽与对比是其特点；页面未标注作者与发布时间，具体功能以站内呈现为准。",false,9,"70cc5b00b2c9",59,"2026-08-17T17:38:56.674Z",{"id":14,"name":17,"icon":8,"code":18,"parent":19},"开发工具","develop-devtools",{"id":20,"name":21,"code":22},58,"技术开发","develop",{"data":24},[25,33,41,49,58,66,74,82,91,99,105,112,120,128,135,143,151,159,167,174],{"id":26,"name":27,"url":28,"code":29,"icon":8,"description":30,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":31,"categoryId":14,"category":32},698,"文本在线比对工具","https:\u002F\u002Fdiffsuite.com\u002F","3de9e1ff28c9","带有合并及若干功能的在线文件对比工具",89,{"id":14,"name":17,"code":18},{"id":34,"name":35,"url":36,"code":37,"icon":8,"description":38,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":39,"categoryId":14,"category":40},699,"GitHub加速","https:\u002F\u002Fwww.gitwarp.com\u002F","8c345ae3aa77","提供稳定、免费、高速的GitHub资源访问加速",293,{"id":14,"name":17,"code":18},{"id":42,"name":43,"url":44,"code":45,"icon":8,"description":46,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":47,"categoryId":14,"category":48},700,"代码截图","https:\u002F\u002Fcs.vkrsi.com\u002F","fa63d1892ab4","为代码创建令人惊叹的视觉效果截图",69,{"id":14,"name":17,"code":18},{"id":50,"name":51,"url":52,"code":53,"icon":54,"description":55,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":56,"categoryId":14,"category":57},701,"快点软件镜像站","https:\u002F\u002Fmirrors.quickso.cn\u002F","9dc007c1fdb1","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2025\u002F06\u002F24\u002F68598370c9bc2.png","分享了国内开源软件镜像信息服务",149,{"id":14,"name":17,"code":18},{"id":59,"name":60,"url":61,"code":62,"icon":8,"description":63,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":64,"categoryId":14,"category":65},702,"carbon","https:\u002F\u002Fcarbon.now.sh\u002F","96f97cc38e71","在线生成精美的源代码图片",90,{"id":14,"name":17,"code":18},{"id":67,"name":68,"url":69,"code":70,"icon":8,"description":71,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":72,"categoryId":14,"category":73},703,"VisuAlgo","https:\u002F\u002Fvisualgo.net\u002Fzh","a08ba8be61f9","数据结构和算法动态可视化",36,{"id":14,"name":17,"code":18},{"id":75,"name":76,"url":77,"code":78,"icon":8,"description":79,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":80,"categoryId":14,"category":81},704,"Clip-Path CSS 在线生成","https:\u002F\u002Fbennettfeely.com\u002Fclippy\u002F","aaf6515b1f31","可视化 Clip-Path CSS 在线生成",28,{"id":14,"name":17,"code":18},{"id":83,"name":84,"url":85,"code":86,"icon":87,"description":88,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":89,"categoryId":14,"category":90},705,"EpicEasing","https:\u002F\u002Fepiceasing.com\u002F","e7e6f1faa8ef","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2025\u002F08\u002F11\u002F68999722c751d.png","快速轻松地生成缓动曲线，用于缓动、弹簧和弹跳动画。 将您自己的自定义动画曲线、弹簧或弹跳导出到 CSS、SCSS、Objective-C 和 Swift",83,{"id":14,"name":17,"code":18},{"id":92,"name":93,"url":94,"code":95,"icon":8,"description":96,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":97,"categoryId":14,"category":98},706,"JSbin","http:\u002F\u002Fjsbin.com\u002F","f07c4e177ac7","JS 在线编辑预览",10,{"id":14,"name":17,"code":18},{"id":100,"name":101,"url":102,"code":103,"icon":8,"description":96,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":47,"categoryId":14,"category":104},707,"codepen","http:\u002F\u002Fcodepen.io\u002F","eb253f966a25",{"id":14,"name":17,"code":18},{"id":106,"name":107,"url":108,"code":109,"icon":8,"description":96,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":110,"categoryId":14,"category":111},708,"JSfiddle","https:\u002F\u002Fjsfiddle.net\u002F","47eab744c738",7,{"id":14,"name":17,"code":18},{"id":113,"name":114,"url":115,"code":116,"icon":8,"description":117,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":118,"categoryId":14,"category":119},709,"grep 代码搜索","https:\u002F\u002Fgrep.app\u002F","57fa7b630aa1","一个代码搜索引擎",60,{"id":14,"name":17,"code":18},{"id":121,"name":122,"url":123,"code":124,"icon":8,"description":125,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":126,"categoryId":14,"category":127},710,"SVGOMG","https:\u002F\u002Fjakearchibald.github.io\u002Fsvgomg\u002F","c470a93eaf1f","SVG 在线压缩",37,{"id":14,"name":17,"code":18},{"id":129,"name":130,"url":131,"code":132,"icon":8,"description":130,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":133,"categoryId":14,"category":134},711,"在线 Webfont 字体生成工具","https:\u002F\u002Ftransfonter.org\u002F","8f1ae8631f5f",73,{"id":14,"name":17,"code":18},{"id":136,"name":137,"url":138,"code":139,"icon":8,"description":140,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":141,"categoryId":14,"category":142},712,"轻拟物风格生成","https:\u002F\u002Fneumorphism.io\u002F","fcefe5f706f6","一款使用颜色、渐变和阴影来实现新的轻拟物设计 CSS 代码生成器",39,{"id":14,"name":17,"code":18},{"id":144,"name":145,"url":146,"code":147,"icon":8,"description":148,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":149,"categoryId":14,"category":150},713,"码工具","https:\u002F\u002Fwww.matools.com\u002F","0cd90f7f078a","代码在线工具箱",70,{"id":14,"name":17,"code":18},{"id":152,"name":153,"url":154,"code":155,"icon":8,"description":156,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":157,"categoryId":14,"category":158},714,"uuid 在线生成","https:\u002F\u002Fwww.uuidgenerator.net\u002F","04be0f4697a3","在线生成版本 1 和版本 4 的 uuid",53,{"id":14,"name":17,"code":18},{"id":160,"name":161,"url":162,"code":163,"icon":8,"description":164,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":165,"categoryId":14,"category":166},715,"regexper","https:\u002F\u002Fregexper.com\u002F","af581f320bab","正则表达式可视化网页",93,{"id":14,"name":17,"code":18},{"id":168,"name":169,"url":170,"code":171,"icon":8,"description":164,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":172,"categoryId":14,"category":173},716,"regulex","https:\u002F\u002Fjex.im\u002Fregulex","d2dd775ee647",99,{"id":14,"name":17,"code":18},{"id":175,"name":176,"url":177,"code":178,"icon":8,"description":179,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":180,"categoryId":14,"category":181},717,"代码片段生成器","https:\u002F\u002Fsnippet-generator.app\u002F","b084cdb5515f","将自己的代码片段生成可在 VSCode、Sublime Text 和 Atom 上配置的代码",79,{"id":14,"name":17,"code":18},{"data":183},[184,192,200,206,213,215,222,230,238,246,255,262],{"id":185,"name":186,"url":187,"code":188,"icon":189,"description":190,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":12,"categoryId":14,"category":191},721,"StackBlitz","https:\u002F\u002Fstackblitz.com\u002F","6d5a929c971e","https:\u002F\u002Fimg.dogged.cn\u002Fi\u002F2023\u002F05\u002F09\u002F645a1a0946069.png","在线代码编辑器",{"id":14,"name":17,"code":18},{"id":193,"name":194,"url":195,"code":196,"icon":8,"description":197,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":198,"categoryId":14,"category":199},722,"github 代码浏览","https:\u002F\u002Fgithub1s.com\u002F","4edd87af3ffd","只需在浏览器链接的 github 后 加入 1s 即可浏览源码",12,{"id":14,"name":17,"code":18},{"id":201,"name":202,"url":203,"code":204,"icon":8,"description":202,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":157,"categoryId":14,"category":205},723,"CSS按钮生成","http:\u002F\u002Fwww.cssbuttongenerator.com\u002F","730a99ef1552",{"id":14,"name":17,"code":18},{"id":207,"name":208,"url":209,"code":210,"icon":8,"description":190,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":211,"categoryId":14,"category":212},724,"Dabblet","http:\u002F\u002Fdabblet.com\u002F","4fad0e851bda",61,{"id":14,"name":17,"code":18},{"id":5,"name":6,"url":7,"code":13,"icon":8,"description":9,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":12,"categoryId":14,"category":214},{"id":14,"name":17,"code":18},{"id":216,"name":217,"url":218,"code":219,"icon":8,"description":220,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":20,"categoryId":14,"category":221},726,"Everythingfonts","https:\u002F\u002Feverythingfonts.com\u002Ffont-face","9627546dca1e","font-face 生成",{"id":14,"name":17,"code":18},{"id":223,"name":224,"url":225,"code":226,"icon":8,"description":227,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":228,"categoryId":14,"category":229},727,"IT-TOOLS","https:\u002F\u002Fzz.ittools.cc\u002F","f758b2a6da47","一套免费且开源的便捷在线工具集合，适用于开发人员和 IT 工作者",11,{"id":14,"name":17,"code":18},{"id":231,"name":232,"url":233,"code":234,"icon":8,"description":235,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":236,"categoryId":14,"category":237},728,"CDN Hub","https:\u002F\u002Fcss.bqrdh.com\u002Fcdn\u002Fhub","343e8e05bb0b","快速获取 cdnjs、npm 和 github 上资源 cdn 链接的网站，并支持耗时比较，便于选取最优 cdn",55,{"id":14,"name":17,"code":18},{"id":239,"name":240,"url":241,"code":242,"icon":8,"description":243,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":244,"categoryId":14,"category":245},729,"接口盒子","https:\u002F\u002Fwww.apihz.cn\u002F","47b5407bd7c7","免费API接口大全",26,{"id":14,"name":17,"code":18},{"id":247,"name":248,"url":249,"code":250,"icon":8,"description":251,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":165,"categoryId":118,"category":252},730,"WebRTC学习指南","https:\u002F\u002Fwebrtcforthecurious.com\u002Fzh\u002F","2355bedfff46","一本由 WebRTC 实现者创建的开源书籍",{"id":118,"name":253,"code":254},"编程学习","develop-coding",{"id":256,"name":257,"url":258,"code":259,"icon":8,"description":260,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":14,"categoryId":118,"category":261},731,"Next.js 中文文档","https:\u002F\u002Fnextjscn.org\u002F","f6243fb3ac61","同步官方最新的 Next.js 15 中文文档",{"id":118,"name":253,"code":254},{"id":263,"name":264,"url":265,"code":266,"icon":8,"description":267,"isDirect":11,"isSlow":11,"isRecommended":11,"isUtm":11,"isInvalid":11,"tags":8,"views":268,"categoryId":118,"category":269},732,"稀土掘金","https:\u002F\u002Fjuejin.cn\u002F","0d1a2cb1c644","技术内容分享与交流平台",47,{"id":118,"name":253,"code":254},{"data":271},[]]