json
{"categories":[{"title":"常用","tools":[{"title":"Vercel","desc":"Vercel ,开箱即用的网站管理小工具","link":"https://vercel.com/dashboard","icon":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/57x57.png","source":1},{"title":"Github","desc":"全球最大男性交友网站","link":"https://vercel.com/dashboard","icon":"https://img.springlearn.cn/github.svg","source":1},{"title":"七牛云","desc":"平步云端,数据为先","link":"https://portal.qiniu.com/create","icon":"https://img.springlearn.cn/qiniu1.svg"},{"title":"阿里云","desc":"阿里云","link":"https://home.console.aliyun.com/home/dashboard/ProductAndService","icon":"https://img.alicdn.com/tfs/TB1_ZXuNcfpK1RjSZFOXXa6nFXa-32-32.ico","source":0,"iconTextBackgroundColor":""},{"title":"字节Arco","desc":"字节跳动出品的企业级设计系统","link":"https://arco.design/vue/docs/pro/start","icon":"https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"IconFont","desc":"iconfont-阿里巴巴矢量图标库","link":"https://www.iconfont.cn/","icon":"https://img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"},{"title":"Ant Design","desc":"企业级产品设计体系,创造高效愉悦的工作体验","link":"https://ant.design/index-cn","icon":"https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"},{"title":"ElementUI","desc":"Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库","link":"https://element.eleme.cn/#/zh-CN","icon":"https://element.eleme.cn/favicon.ico"},{"title":"163邮箱","desc":"163邮箱","link":"https://mail.163.com/js6/main.jsp?sid=NCQYlphXNeVllKhMwtXXSVdHoZqQyJlY&df=mail163_letter#module=read.ReadModule%7C%7B%22area%22%3A%22normal%22%2C%22isThread%22%3Afalse%2C%22viewType%22%3A%22%22%2C%22id%22%3A%2281%3A1tbiURJ4wGDERo8L1gAAsL%22%2C%22fid%22%3A1%7D","icon":"https://163.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"谷歌邮箱","desc":"谷歌邮箱","link":"https://mail.google.com/mail/u/0/?pli=1#inbox","icon":"https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png","source":0,"iconTextBackgroundColor":""},{"title":"crmeb","desc":"crmeb 商城系统","link":"https://admin.java.crmeb.net/dashboard","icon":"https://admin.java.crmeb.net/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"},{"title":"换脸","desc":"换脸","link":"https://www.deepswapper.com/zh","icon":"https://deepswapper.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"Vue动画模块库","desc":"","link":"https://inspira-ui.com/","icon":"https://inspira-ui.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"svgl","desc":"svg图标一键使用","link":"https://svgl.app/","icon":"https://svgl.app/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"tailwindcss中文","desc":"","link":"https://www.tailwindcss.cn/docs/installation","icon":"https://tailwindcss.cn/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"前端语法对比","desc":" Vue,React","link":"https://component-party.lainbo.com/","icon":"https://lainbo.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"React 动画组件库","desc":"","link":"https://magicui.design/docs/components/dock","icon":"https://magicui.design/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"color4bg 流光背景","desc":"color4bg 流光背景","link":"https://www.color4bg.com/zh-hans/generators/aesthetic-fluid","icon":"https://color4bg.com/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"}]},{"title":"经常使用","tools":[{"title":"Vercel","desc":"Vercel ,开箱即用的网站管理小工具","link":"https://vercel.com/dashboard","icon":"https://assets.vercel.com/image/upload/q_auto/front/favicon/vercel/57x57.png","source":1},{"title":"Github","desc":"全球最大同性交友网站","link":"https://vercel.com/dashboard","icon":"https://img.springlearn.cn/github.svg","source":1},{"title":"腾讯云","desc":"腾讯云-Serverless云函数","link":"https://console.cloud.tencent.com/","icon":"https://img.springlearn.cn/tengxunyun.svg"},{"title":"七牛云","desc":"平步云端,数据为先","link":"https://portal.qiniu.com/create","icon":"https://img.springlearn.cn/qiniu1.svg"},{"title":"又拍云","desc":"免费图床","link":"https://www.upyun.com/league","icon":"https://www.upyun.com/static/favicon-32x32.png","source":0,"iconTextBackgroundColor":""},{"title":"阿里云","desc":"阿里云","link":"https://home.console.aliyun.com/home/dashboard/ProductAndService","icon":"https://img.alicdn.com/tfs/TB1_ZXuNcfpK1RjSZFOXXa6nFXa-32-32.ico","source":0,"iconTextBackgroundColor":""},{"title":"ElementUI","desc":"Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库","link":"https://element.eleme.cn/#/zh-CN","icon":"https://element.eleme.cn/favicon.ico"},{"title":"字节Arco","desc":"字节跳动出品的企业级设计系统","link":"https://arco.design/vue/docs/pro/start","icon":"https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"Ant Design","desc":"企业级产品设计体系,创造高效愉悦的工作体验","link":"https://ant.design/index-cn","icon":"https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png"},{"title":"BootCDN","desc":"稳定、快速、免费的前端开源项目 CDN 加速服务","link":"https://www.bootcdn.cn/","icon":"https://www.bootcdn.cn/assets/ico/apple-touch-icon-144-precomposed.png?1623516011439"},{"title":"IconFont","desc":"iconfont-阿里巴巴矢量图标库","link":"https://www.iconfont.cn/","icon":"https://img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico"},{"title":"pinia","desc":"pinia","link":"https://pinia.vuejs.org/zh/core-concepts/","icon":"https://pinia.vuejs.org/logo.svg","source":0,"iconTextBackgroundColor":""},{"title":"前端语法对比","desc":" Vue,React","link":"https://component-party.lainbo.com/","icon":"https://lainbo.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"搞定抠图","desc":"在线快速图片和视频编辑","link":"https://koutu.gaoding.com/","icon":"https://cdn.dancf.com/gaodingx/favicon.ico"},{"title":"颜色搭配","desc":"输入主色调,生成搭配颜色。","link":"https://mycolor.space/","icon":"https://img.springlearn.cn/mycolor.png","source":1},{"title":"创客贴","desc":"创客贴专注图片模板在线设计","link":"https://www.chuangkit.com/designtools/designindex","icon":"https://img.springlearn.cn/blog/learn_1618677883000.png"},{"title":"图片压缩","desc":"图片压缩工具","link":"https://squoosh.app/","icon":"https://squoosh.app/c/icon-large-maskable-c2078ced.png","source":1,"iconTextBackgroundColor":""},{"title":"今日头条","desc":"今日头条是一个通用信息平台,致力于连接人与信息,让优质丰富的信息得到高效精准的分发,促使信息创造价值。","link":"https://www.toutiao.com/","icon":"https://sf3-cdn-tos.douyinstatic.com/obj/eden-cn/uhbfnupkbps/toutiao_favicon.ico"},{"title":"CSDN","desc":"CSDN","link":"https://blog.csdn.net/Message_lx?spm=1011.2415.3001.5343","icon":"https://g.csdnimg.cn/static/logo/favicon32.ico","source":0,"iconTextBackgroundColor":""},{"title":"微信公众平台","desc":"微信公众号是开发者或商家在微信公众平台上申请的应用账号","link":"https://mp.weixin.qq.com/cgi-bin/home?t=home/index&lang=zh_CN&token=292341597","icon":"https://res.wx.qq.com/mpres/htmledition/weui-desktopSkin/svg/buildless/new_bg_icon_primary4c67b4.svg"},{"title":"163邮箱","desc":"163邮箱","link":"https://mail.163.com/js6/main.jsp?sid=NCQYlphXNeVllKhMwtXXSVdHoZqQyJlY&df=mail163_letter#module=read.ReadModule%7C%7B%22area%22%3A%22normal%22%2C%22isThread%22%3Afalse%2C%22viewType%22%3A%22%22%2C%22id%22%3A%2281%3A1tbiURJ4wGDERo8L1gAAsL%22%2C%22fid%22%3A1%7D","icon":"https://163.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"谷歌邮箱","desc":"谷歌邮箱","link":"https://mail.google.com/mail/u/0/?pli=1#inbox","icon":"https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png","source":0,"iconTextBackgroundColor":""},{"title":"TailwindCss即时编译","desc":"TailwindCss即时编译","link":"https://play.tailwindcss.com/","icon":"https://play.tailwindcss.com/favicons/apple-touch-icon.png?v=3","source":0,"iconTextBackgroundColor":""},{"title":"headlessui","desc":"Headless UI - 完全没有样式,完全可访问的 UI 组件.","link":"https://headlessui.com/vue/popover","icon":"https://headlessui.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"TailwindCss 背景生成","desc":"TailwindCss 背景生成","link":"https://tailwindcomponents.com/gradient-generator/#generator","icon":"https://tailwindcomponents.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"代码美化","desc":"代码美化图片","link":"https://ray.so/","icon":"https://ray.so/favicon.ico","source":0,"iconTextBackgroundColor":""},{"categoryTitle":"经常使用","link":"https://www.json.cn/","title":"JSON在线解析格式化验证 - JSON.cn","desc":"Json中文网致力于在中国推广Json,并提供相关的Json解析、验证、格式化、压缩、编辑器以及Json与XML相互转换等服务","source":0,"icon":"https://json.cn/favicon.ico"},{"categoryTitle":"经常使用","link":"https://sh.atami.moe/?cckey=a716b940#/dashboard","title":"中国国际机场","desc":"中国国际机场","source":0,"icon":"https://atami.moe/favicon.ico"},{"categoryTitle":"经常使用","link":"https://dev.orb.local/dashboard","title":"谷歌搜索","desc":"谷歌搜索","source":0,"icon":"https://orb.local/favicon.ico"},{"categoryTitle":"经常使用","link":"https://app.diagrams.net/","title":"绘图.drawio - draw.io","desc":"drawio - draw.io","source":0,"icon":"https://diagrams.net/favicon.ico"},{"categoryTitle":"经常使用","link":"https://www.remove.bg/zh","title":"在线抠图软件_图片去除背景 | remove.bg – remove.bg","desc":"remove.bg在线抠图软件轻松实现一键抠图,只需上传图片,无需其他操作,即可100%自动去除图片背景。","source":0,"icon":"https://remove.bg/favicon.ico"},{"categoryTitle":"经常使用","link":"https://vueuse.nodejs.cn/functions.html","title":"函数 | VueUse 中文网","desc":"基础 Vue 组合式工具的集合","source":0,"icon":"https://nodejs.cn/favicon.ico"},{"categoryTitle":"经常使用","link":"https://flexboxlabs.netlify.app/flexbox","title":"Flexbox Labs","desc":"A visual tool for experimenting with flexbox layouts","source":0,"icon":"https://netlify.app/favicon.ico"},{"categoryTitle":"经常使用","link":"https://vueuse-play.nodejs.cn/","title":"VueUse 在线运行","desc":"VueUse 在线运行","source":0,"icon":"https://nodejs.cn/favicon.ico"},{"categoryTitle":"经常使用","link":"https://xorpay.com/#step","title":"XorPay 独立开发者,支付","desc":"xorpay.com 作为支付宝系统服务商ISV和微信支付服务商,专业为开发者对接微信支付宝,支持当面付/NATIVE/JSAPI/收银台/条码支付/小程序等支付方式","source":0,"icon":"https://xorpay.com/favicon.ico"},{"categoryTitle":"经常使用","link":"https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API/Using_web_workers","title":"使用 Web Worker - Web API | MDN","desc":"Web Worker 为 Web 内容在后台线程中运行脚本提供了一种简单的方法。线程可以执行任务而不干扰用户界面。此外,它们可以使用 XMLHttpRequest(尽管 responseXML 和 channel 属性总是为空)或 fetch(没有这些限制)执行 I/O。一旦创建,一个 worker 可以将消息发送到创建它的 JavaScript 代码,通过将消息发布到该代码指定的事件处理器(反之亦然)。","source":0,"icon":"https://mozilla.org/favicon.ico"},{"categoryTitle":"经常使用","link":"https://inhiblabcore.github.io/vue-hooks-plus/zh/","title":"Vue hooks plus","desc":"高性能的 Vue 组合式函数库","source":0,"icon":"https://github.io/favicon.ico"},{"categoryTitle":"经常使用","link":"https://play.vuejs.org/","title":"Vue在线","desc":"Vue在线","source":0,"icon":"https://vuejs.org/favicon.ico"},{"categoryTitle":"经常使用","link":"https://app.haikei.app/","title":"背景生成","desc":"矢量背景生成","source":0,"icon":"https://haikei.app/favicon.ico"},{"categoryTitle":"经常使用","link":"https://one.dash.cloudflare.com/","title":"nas - Dash - 隧道 - Tunels","desc":"nas - Cloudflare One
nas - Dash - 隧道 - Tunels","source":0,"icon":"https://cloudflare.com/favicon.ico"},{"categoryTitle":"经常使用","link":"https://vitejs.cn/vite6-cn/","title":"Vite | 下一代的前端工具链","desc":"下一代前端工具链 vite","source":0,"icon":"https://vitejs.cn/favicon.ico"}]},{"title":"后端","tools":[{"title":"鲁班Maven仓库","desc":"鲁班大师手撸Maven仓库,速度杠杠滴~","link":"http://mvn.coderead.cn/","icon":"https://img.springlearn.cn/maven.svg","source":1},{"title":"字符画","desc":"SpringBoot定制字符画","link":"http://patorjk.com/software/taag/#p=testall&f=Graffiti&t=Tomato","icon":"https://img.springlearn.cn/learn_4f0119e61238b4de74f2b588bfbb4e96.png","source":2},{"title":"MP代码生成器","desc":"MP代码生成器","link":"http://java.bejson.com/generator/","icon":"http://bejson.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"Junit5中文文档","desc":"Junit5中文文档","link":"https://doczhcn.gitbook.io/junit5/","icon":"https://junit.org/junit5/assets/img/junit5-icon.png","source":2},{"title":"HTML特殊字符","desc":"HTML特殊字符","link":"https://www.tuboshu.mobi/tool/httpentity","icon":"https://img.springlearn.cn/blog/learn_1628687339000.png","source":1},{"title":"手绘画图","desc":"程序猿手绘风格画图","link":"https://excalidraw.com/","icon":"https://excalidraw.com/favicon.ico","source":2},{"title":"文本画图工具","desc":"文本画图工具","link":"https://mermaid.live/edit#pako:eNptkc9uwjAMxl8lymnT6AtUu0xjSDtw4oYqITfxitXEgfwRYox3X9rRDNhySb6f_VmOfZLKaZS1VAZCmBN0HmzDIp8XJgtGPH9VlZgn1d_QzBYUtn8z19h6uMG1eCKOAjq8x6voiTvRIWv018HBEpZg8_Ph8S5gIeIEx6bH5k4_QJSiLUL_6ozzJRAOZCdjlvsEqp_0-bre8LFSrxp6D_SJ77xAjAUr4DeI__rHEfw21DpnBIXNgYwu0CcuXjmTFr0F0nkPo6-RcYsWG1nnpwbfN7LhIQ9SdKsjK1lHn3Am007ncVzWNsEd8Nq5LD_AhKxRU3R-ednzcJ2_AQPWmoc","icon":"https://mermaid.js.org/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"程序架构图","desc":"程序架构图","link":"https://www.onemodel.app/d/EIcDFyBQGG9VSXgQgTtyW","icon":"https://onemodel.app/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"在线Git学习","desc":"可视化方式学习Git版本管理","link":"https://learngitbranching.js.org/?locale=zh_CN","icon":"https://pcottle.github.io/learnGitBranching/assets/learnGitBranching.png","source":2},{"title":"Electron","desc":"客户端开发工具","link":"https://www.electronjs.org/zh/docs/latest/api/app","icon":"https://www.electronjs.org/zh/assets/img/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"人声分离","desc":"","link":"https://vocalremover.org/","icon":"https://vocalremover.org/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"人声克隆","desc":"","link":"https://huggingface.co/spaces/mrfakename/E2-F5-TTS","icon":"https://huggingface.co/favicon.ico","source":1,"iconTextBackgroundColor":""},{"categoryTitle":"后端","link":"https://r.ftqq.com/lean-side-bussiness/010101.html","title":"职业的四大象限 - 精益副业","desc":"职业的四大象限 - 精益副业","source":0,"icon":"https://ftqq.com/favicon.ico"}]},{"title":"前端","tools":[{"title":"Arco","desc":"字节UI框架","link":"https://arco.design/vue/docs/pro/start","icon":"https://unpkg.byted-static.com/latest/byted/arco-config/assets/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"ElementUI","desc":"Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库","link":"https://element.eleme.cn/#/zh-CN","icon":"https://element.eleme.cn/favicon.ico","source":0},{"title":"Ant Design","desc":"企业级产品设计体系,创造高效愉悦的工作体验","link":"https://ant.design/index-cn","icon":"https://gw.alipayobjects.com/zos/rmsportal/rlpTLlbMzTNYuZGGCVYM.png","source":0},{"title":"Landing","desc":"首页编辑器,快速搭建一个属于你的专属首页","link":"https://landing.ant.design/index-cn","icon":"https://gw.alipayobjects.com/zos/rmsportal/XPHxlVUyZBsQhXBPheZl.png","source":0},{"title":"Bootstrap","desc":"Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。","link":"https://v3.bootcss.com/","icon":"https://cdn.jsdelivr.net/npm/@bootcss/v3.bootcss.com@1.0.9/favicon.ico","source":1},{"title":"UIverse","desc":"好看的样式","link":"https://uiverse.io/","icon":"https://uiverse.io/favicon.ico","source":1},{"title":"Semi UI","desc":"","link":"https://semi.design/zh-CN/start/introduction","icon":"https://semi.design/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"},{"title":"React 动画组件库","desc":"","link":"https://magicui.design/docs/components/dock","icon":"https://magicui.design/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"Vue","desc":"渐进式 JavaScript 框架","link":"https://v3.cn.vuejs.org/guide/installation.html","icon":"https://img.springlearn.cn/learn_3014a9186850f5d35867a0e564fefe51.svg","source":1},{"title":"router","desc":"Vue-router组合式API示例","link":"https://router.vuejs.org/zh/guide/advanced/composition-api.html#%E5%9C%A8-setup-%E4%B8%AD%E8%AE%BF%E9%97%AE%E8%B7%AF%E7%94%B1%E5%92%8C%E5%BD%93%E5%89%8D%E8%B7%AF%E7%94%B1","icon":"https://vuejs.org/favicon.ico","source":1},{"title":"Node","desc":"简单的说 Node.js 就是运行在服务端的 JavaScript。","link":"https://www.runoob.com/nodejs/nodejs-tutorial.html","icon":"https://nodejs.org/static/images/favicons/favicon.ico","source":1},{"title":"JavaScript教程","desc":"JavaScript是一门基于原型、头等函数的语言,是一门多范式的语言,它支持面向对象程式設計,命令式编程,以及函数式编程。","link":"https://www.w3school.com.cn/js/js_output.asp","icon":"https://cdn.icon-icons.com/icons2/2108/PNG/512/javascript_icon_130900.png","source":1},{"title":"Vite中文","desc":"Vite中文","link":"https://vitejs.cn/vite3-cn/config/","icon":"https://vitejs.cn/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"TS教程","desc":"TS教程","link":"https://www.runoob.com/typescript/ts-function.html","icon":"https://runoob.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"W3school CSS","desc":"层叠样式表(Cascading Style Sheets,缩写为CSS),是一种样式表 语言,用来描述HTML 或XML","link":"https://www.w3school.com.cn/css/index.asp","icon":"https://www.w3school.com.cn/ui2019/icon-96-red.png","source":1},{"title":"less","desc":"给 CSS 加点料。","link":"https://less.bootcss.com/","icon":"https://less.bootcss.com/public/ico/favicon.ico","source":1},{"title":"sass","desc":"世界上最成熟、最稳定、最强大的专业级CSS扩展语言!","link":"https://www.sass.hk/","icon":"https://www.sass.hk/favicon.ico","source":1},{"title":"CSS样式学习","desc":"可以在线预览样式","link":"https://developer.mozilla.org/zh-CN/docs/Web/CSS/animation","icon":"https://developer.mozilla.org/favicon-48x48.97046865.png","source":2},{"title":"csslayout","desc":"css常用布局","link":"https://csslayout.io/","icon":"https://csslayout.io/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"CSS动画","desc":"CSS动画","link":"https://css-loaders.com/factory/","icon":"https://css-loaders.com/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"Vue动画模块库","desc":"","link":"https://inspira-ui.com/","icon":"https://inspira-ui.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"svgl","desc":"svg图标一键使用","link":"https://svgl.app/","icon":"https://svgl.app/library/paypal.svg","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"tailwindcss中文","desc":"","link":"https://www.tailwindcss.cn/docs/installation","icon":"https://tailwindcss.cn/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"color4bg 流光背景","desc":"color4bg 流光背景","link":"https://www.color4bg.com/zh-hans/generators/aesthetic-fluid","icon":"https://color4bg.com/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"},{"title":"Lodash","desc":"Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。","link":"https://www.lodashjs.com/","icon":"https://www.lodashjs.com/img/favicon.ico","source":1},{"title":"通知组件使用文档","desc":"构建你的Script","link":"https://www.npmjs.com/package/notiflix","icon":"https://npmjs.com/favicon.ico","source":0},{"title":"CSS Gradient","desc":"自定义渐变并且生成 CSS 渐变代码样式","link":"https://cssgradient.io/","icon":"https://cssgradient.io/images/favicon-23859487.png","source":1},{"title":"全屏渐变","desc":"全屏渐变","link":"https://uigradients.com/#Quepal","icon":"https://uigradients.com/static/images/favicon-32x32.png","source":1},{"title":"GoJs","desc":"关系图生成JS","link":"https://gojs.net.cn/samples/navigation.html","icon":"https://gojs.net.cn/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"通知组件","desc":"通知组件","link":"https://notiflix.github.io/confirm","icon":"https://github.io/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"零代码工具箱","desc":"可视化的看flex的参数样式","link":"https://www.lingdaima.com/","icon":"https://lingdaima.com/favicon.ico","source":2},{"title":"Base64","desc":"图片转Base64","link":"https://www.tuboshu.mobi/tool/imagetobase64","icon":"https://tuboshu.mobi/favicon.ico","source":2},{"title":"auto-animate","desc":"自动添加css流畅动画","link":"https://auto-animate.formkit.com/","icon":"https://formkit.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"CSS拟物","desc":"拟物风","link":"https://www.lingdaima.com/#e0e0e0","icon":"https://lingdaima.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"CSS玻璃","desc":"玻璃风","link":"https://www.lingdaima.com/glass/","icon":"https://lingdaima.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"Hover CSS","desc":"hover特效","link":"http://ianlunn.github.io/Hover/","icon":"http://github.io/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"You-need-to-know-css","desc":"为了以后可以更爽的复制粘贴,笔者把自己的收获和工作中常用的一些CSS小样式总结成这份文档,为了有点逼格,且取名为You-need-to-know-css","link":"https://lhammer.cn/You-need-to-know-css/#/zh-cn/bevel-corners","icon":"https://lhammer.cn/You-need-to-know-css/static/favicon.ico","source":1},{"title":"CSS 灵感","desc":"学习 CSS 的灵感,以分类的形式,展示不同 CSS 属性或者不同的课题使用 CSS 来解决的各种方法。","link":"https://chokcoco.github.io/CSS-Inspiration/#/./init","icon":"https://chokcoco.github.io/CSS-Inspiration/icon2.png","source":1},{"title":"CSS Tricks","desc":"记录一些 CSS 的新属性和一点奇技淫巧","link":"https://qishaoxuan.github.io/css_tricks/","icon":"https://www.sass.hk/favicon.ico","source":1},{"title":"Spin Kit","desc":"css加载动画样式","link":"https://tobiasahlin.com/spinkit/","icon":"https://www.sass.hk/favicon.ico","source":1},{"title":"Animista","desc":"动画样式","link":"https://animista.net/play/basic","icon":"https://img.springlearn.cn/learn_d15d7aae09d291773d32d68059263d6e.svg","source":1},{"title":"Animate","desc":"CSS动画样式","link":"https://animate.style/","icon":"https://animate.style/img/favicon.ico","source":1},{"title":"Codepen","desc":"Js在线Idea","link":"https://codepen.io/","icon":"https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico","source":0},{"title":"CSS背景","desc":"使用css制作div背景","link":"https://bansal.io/pattern-css#font","icon":"https://img.springlearn.cn/blog/learn_1626318522000.png","source":2},{"title":"形状制作","desc":"svg形状制作,可以制作水位wave类似效果","link":"https://www.shapedivider.app/","icon":"https://img.springlearn.cn/blog/learn_1626318472000.png","source":2},{"title":"CSS按钮特效","desc":"css按钮特效","link":"https://cssgradient.io/gradient-backgrounds/","icon":"https://img.springlearn.cn/blog/learn_1626320312000.png","source":2},{"title":"fuse","desc":"js模糊搜索插件","link":"https://fusejs.io/getting-started/installation.html","icon":"https://fusejs.io/favicon.ico","source":1},{"title":"scss转css","desc":"scss转css","link":"https://www.sassmeister.com/","icon":"https://sassmeister.com/favicon.ico","source":0},{"title":"仪表盘工具","desc":"自由拖放仪表盘组件","link":"https://gridstackjs.com/#demo","icon":"https://gridstackjs.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"categoryTitle":"前端","link":"https://www.npmjs.com/","title":"npm | Home","desc":"npm | Home","source":0,"icon":"https://npmjs.com/favicon.ico"}]},{"title":"设计师","tools":[{"title":"Reeoo","desc":"根据颜色寻找设计灵感 & 颜色搭配","link":"http://reeoo.com/","icon":"http://reeoo.com/assets/favicon.ico","source":1},{"title":"小清新颜色","desc":"小清新颜色搭配","link":"https://webgradients.com/","icon":"https://webgradients.com/favicons/favicon-128.png","source":1},{"title":"颜色提取","desc":"上传图片从图片中提取颜色信息,生成色卡","link":"https://www.hdrainbow.com/","icon":"https://www.hdrainbow.com/favicon.ico","source":1},{"title":"有图网","desc":"图片搜索","link":"https://www.yotopic.com/","source":1,"icon":"https://yotopic.com/favicon.ico"},{"title":"卡通头像","desc":"上传图片,生成卡通图片","link":"https://toonme.com/","icon":"https://toonme-com.photo-cdn.net/assets/favicon3.png","source":1},{"title":"谷歌AutoDraw","desc":"AI自动识别画图","link":"https://www.autodraw.com/","icon":"https://www.autodraw.com/assets/images/favicon.png","source":2},{"title":"文字 Logo设计","desc":"文字 Logo设计","link":"https://symbolon.pages.dev/","icon":"https://pages.dev/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"},{"title":"奇迹秀工具箱","desc":"优秀设计网站参考","link":"http://www.qijishow.com/down/index.html","icon":"http://www.qijishow.com/tibi/favicon.ico","source":1},{"title":"字体动画设计","desc":"录制字体输入","link":"https://msgif.net/","icon":"https://msgif.net/favicon.ico","source":2},{"title":"不规则图像生成","desc":"ppt设计","link":"https://www.blobmaker.app/","icon":"https://www.blobmaker.app/icons/icon-48x48.png?v=d2064a4d23cc375c9a373bc2d9f2aa35","source":1},{"title":"网格纸生成器","desc":"网格纸生成器","link":"http://gridzzly.com/","icon":"http://gridzzly.com/favicon.png","source":1},{"title":"网站设计参考","desc":"网站设计参考","link":"https://www.figcomponents.com/components/table","icon":"https://figcomponents.com/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"换脸","desc":"换脸","link":"https://www.deepswapper.com/zh","icon":"https://deepswapper.com/favicon.ico","source":1,"iconTextBackgroundColor":"#3c6eff"},{"title":"有图网","desc":"领取13积分/天,去水印后缀改为!p1","link":"https://www.yotopic.com/","icon":"https://static.yotopic.com/images/icon.svg","source":1},{"title":"免抠图","desc":"免抠图","link":"https://miankoutupian.com/","icon":"https://miankoutupian.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"免费海报设计","desc":"","link":"https://design.palxp.cn/home?tempid=1515","icon":"https://palxp.cn/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"免费商用素材","desc":"找免费商用素材,从MFSC123开始","link":"https://www.mfsc123.com/","icon":"https://mfsc123.com/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"}]},{"title":"自媒体","tools":[{"title":"程序猿升级课","desc":"自建博客平台","link":"https://blog.springlearn.cn/","icon":"https://img.springlearn.cn/learn_d98f09cdad8fa38168ec59c15a508490.ico"},{"title":"CSDN","desc":"CSDN主页","link":"https://blog.csdn.net/Message_lx","icon":"https://g.csdnimg.cn/static/icon/favicon32.ico"},{"title":"51CTO","desc":"51CTO","link":"https://blog.51cto.com/springlearn","icon":"https://51cto.com/favicon.ico"},{"title":"博客园","desc":"博客园","link":"https://www.cnblogs.com/lxchinesszz/","icon":"https://www.cnblogs.com/images/icon.svg?v=R9M0WmLAIPVydmdzE2keuvnjl-bPR7_35oHqtiBzGsM"},{"title":"segmentfault","desc":"segmentfault","link":"https://segmentfault.com/","icon":"https://img.springlearn.cn/blog/learn_1628687063000.png"},{"title":"抖音","desc":"抖音","link":"https://creator.douyin.com/creator-micro/content/manage","icon":"https://lf3-static.bytednsdoc.com/obj/eden-cn/yvahlyj_upfbvk_zlp/ljhwZthlaukjlkulzlp/pc_creator/favicon_v2_7145ff0.ico"},{"title":"阿里云","desc":"阿里云","link":"https://developer.aliyun.com/profile/expert/f5rvdaab4y3ai","icon":"https://img.alicdn.com/tfs/TB1_ZXuNcfpK1RjSZFOXXa6nFXa-32-32.ico","source":0,"iconTextBackgroundColor":""},{"title":"华为云博客","desc":"华为云博客","link":"https://bbs.huaweicloud.com/community/myblog","icon":"https://res-static.hc-cdn.cn/aem/content/dam/cloudbu-site/archive/commons/web_resoure/framework/favicon/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"我的文章编辑","desc":"Markdown 微信编辑器,拥有良好的兼容性、海量主题样式、免费的图床。","link":"https://editor.mdnice.com/","icon":"https://www.mdnice.com/favicon.svg"},{"title":"crmeb","desc":"crmeb 商城系统","link":"https://admin.java.crmeb.net/dashboard","icon":"https://admin.java.crmeb.net/favicon.ico","source":0,"iconTextBackgroundColor":"#3c6eff"},{"title":"西瓜创作平台","desc":"","link":"https://studio.ixigua.com/content","icon":"https://ixigua.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"百家号","desc":"","link":"https://baijiahao.baidu.com/","icon":"https://baidu.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"小宝影院","desc":"","link":"https://xiaoxintv.net/","icon":"https://xiaoxintv.net/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"欧乐影院","desc":" 推出了无广告的纯净版 更新很快,包括北美刚上映的片子 视频流畅;美东播放基本无需缓冲","link":"https://olevod.link/","icon":"https://olevod.link/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"十大免费电影","desc":"十大免费电影","link":"https://gonglue.us/free-movie-websites","icon":"https://gonglue.us/favicon.ico","source":1,"iconTextBackgroundColor":""}]},{"title":"NAS","tools":[{"title":"常用Linux命令","desc":"常用Linux命令","link":"https://www.tuboshu.mobi/tool/linux-command","icon":"https://img.springlearn.cn/blog/learn_1628687155000.png","source":1},{"title":"Nginx","desc":"Nginx可视化配置","link":"https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN","icon":"https://digitalocean.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"统计字数","desc":"统计字数","link":"https://www.tuboshu.mobi/tool/letters","icon":"https://www.tuboshu.mobi/assets/images/favicon.png","source":1},{"title":"英文大小写转换","desc":"英文大小写转换","link":"https://www.tuboshu.mobi/tool/letterconvert","icon":"https://www.tuboshu.mobi/assets/images/favicon.png","source":1},{"title":"汉字转拼音","desc":"汉字转拼音","link":"https://www.tuboshu.mobi/tool/pinyin","icon":"https://www.tuboshu.mobi/assets/images/favicon.png","source":1},{"title":"Pandas官方文档","desc":"","link":"https://pandas.pydata.org/docs/user_guide/indexing.html#indexing-label","icon":"https://pydata.org/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"cloudflare","desc":"","link":"https://dash.cloudflare.com/06473efbee9a99bac2351478b51d5417/springlearn.cn/dns/records","icon":"https://cloudflare.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"aliyun 域名","desc":"","link":"https://dc.console.aliyun.com/next/index#/domain/details/dns-modify?saleId=S20182U0O9K59309&domain=springlearn.cn","icon":"https://aliyun.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"nds查询","desc":"","link":"https://www.nslookup.io/","icon":"https://nslookup.io/favicon.ico","source":0,"iconTextBackgroundColor":""}]},{"title":"在线工具","tools":[{"title":"JSON格式","desc":"JSON格式化","link":"https://c.runoob.com/front-end/53/","icon":"https://runoob.com/favicon.ico","source":0},{"title":"时间戳转换","desc":"时间戳转换","link":"https://c.runoob.com/front-end/852/","icon":"https://runoob.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"进制转换器","desc":"进制转换器","link":"https://c.runoob.com/front-end/58/","icon":"https://runoob.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"MD5","desc":"MD5","link":"https://c.runoob.com/front-end/703/","icon":"https://runoob.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"正则匹配","desc":"正则匹配","link":"https://tool.lu/regex/","icon":"https://tool.lu/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"Cron生成","desc":"Cron生成器","link":"https://www.bejson.com/othertools/cron/","icon":"https://bejson.com/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"统计字数","desc":"统计字数","link":"https://www.tuboshu.mobi/tool/letters","icon":"https://tuboshu.mobi/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"大小写转换","desc":"英文大小写转换","link":"https://www.tuboshu.mobi/tool/letterconvert","icon":"https://tuboshu.mobi/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"json转ts","desc":"json转ts","link":"https://apihelper.jccore.cn/jsontool","icon":"https://jccore.cn/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"图片压缩","desc":"图片压缩工具","link":"https://squoosh.app/","icon":"https://squoosh.app/c/icon-large-maskable-c2078ced.png","source":1,"iconTextBackgroundColor":""},{"title":"路过图床","desc":"一款免费的图床工具网站","link":"https://imgse.com/lxchinesszz","icon":"https://imgse.com/content/images/system/favicon_1587118523486_91617a.png","source":1,"iconTextBackgroundColor":""},{"title":"AI图片处理","desc":"背景移出,生成相似图","link":"https://clipdrop.co/tools","icon":"https://clipdrop.co/favicon.ico","source":1,"iconTextBackgroundColor":""},{"title":"抠图","desc":"抠图","link":"https://bgsub.cn/webapp/","icon":"https://bgsub.cn/favicon.ico","source":0,"iconTextBackgroundColor":""},{"title":"史蒂夫","desc":"史蒂夫","link":"http://www.sdifen.com/","icon":"http://sdifen.com/favicon.ico","source":0,"iconTextBackgroundColor":""}]}],"searchEngines":[{"name":"Google","slogan":"使用谷歌试试手气吧","icon":"icon-guge","href":"https://www.google.com/search?q=","show":true},{"name":"Baidu","slogan":"百度一下,你就知道","icon":"icon-baidu","href":"https://www.baidu.com/s?ie=UTF-8&wd=","show":true},{"name":"juejin","slogan":"全球最大的代码仓库平台","icon":"icon-juejin1","href":"https://juejin.cn/search?query=","show":true},{"name":"zhihu","slogan":"有问题,就会有答案","icon":"icon-zhihu2","href":"https://www.zhihu.com/search?type=content&q=","show":true},{"name":"CSDN","slogan":"CSDN - 专业开发者社区","icon":"icon-csdn1","href":"https://so.csdn.net/so/search?q=","show":true},{"name":"Bilibi","slogan":"哔哩哔哩 (゜-゜)つロ 干杯~-bilibili","icon":"icon-bilibili2","href":"https://search.bilibili.com/all?keyword=","show":true}],"shortcuts":[{"name":"Google AI","href":"https://gemini.google.com/app?utm_source=deepmind.google&utm_medium=referral&utm_campaign=gdm&utm_content=","show":true,"openType":"_blank"},{"name":"ComfyUI 笔记","href":"https://ud8aak7jf8.feishu.cn/wiki/AvRbww21UivQujk7h54cfGo2nVg?fromScene=spaceOverview","show":true,"openType":"_blank"},{"name":"Vue3","href":"https://cn.vuejs.org/guide/introduction.html","show":true,"openType":"_blank"},{"name":"V0","href":"https://v0.dev/chat","show":true,"openType":"_blank"},{"name":"色卡生成","href":"https://mycolor.space/","show":false,"openType":"_blank"},{"name":"创业探子","href":"https://www.pinterest.com/","show":true,"openType":"_blank"},{"name":"AI提示词","href":"https://www.promptingguide.ai/zh","show":false,"openType":""},{"name":"谷歌 AI","href":"https://gemini.google.com/app","show":false,"openType":""},{"name":"通意千问","href":"https://tongyi.aliyun.com/qianwen?spm=5176.28326591.0.0.40f73da2RD4H38","show":false,"openType":"_blank"},{"name":"JSON","href":"https://www.json.cn/","show":true,"openType":"_blank"},{"name":"翻译","href":"https://fanyi.baidu.com/?aldtype=16047#auto/zh","show":true,"openType":"_blank"},{"name":"小鹅通","href":"https://study.xiaoe-tech.com/t_l/learnIndex?type=wx#/muti_index","show":false,"openType":"_blank"},{"name":"?今日热榜","href":"https://tophub.today/","show":false,"openType":"_blank"},{"name":"Kimi 探索","href":"https://kimi.moonshot.cn/","show":false,"openType":"_blank"},{"name":"ChatGPT","href":"https://chat.openai.com/chat","show":true,"openType":"_blank"},{"name":"Pandas","href":"https://pandas.pydata.org/docs/user_guide/indexing.html#indexing-label","show":false,"openType":"_blank"},{"name":"海艺","href":"https://www.seaart.ai/home","show":false,"openType":"_self"},{"name":"堆友","href":"https://d.design/","show":false,"openType":"_blank"},{"name":"系统更新","href":"https://fakeupdate.net/","show":false,"openType":"_blank"}],"version":37,"theme":{"favicon":"https://img.springlearn.cn/utool/2025-07/2476738_1752205538714.webp","siteTitle":"牛而逼之","searchAnimation":"animate__zoomIn","heroCss":"","hideEditor":false}}
想法或问题?在 GitHub Issue 下方参与讨论
去评论