(window.webpackJsonp=window.webpackJsonp||[]).push([[79],{409:function(r,e,t){"use strict";t.r(e);var n=t(3),a=Object(n.a)({},(function(){var r=this,e=r._self._c;return e("ContentSlotsDistributor",{attrs:{"slot-key":r.$parent.slotKey}},[e("h1",{attrs:{id:"个人收藏夹"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#个人收藏夹"}},[r._v("#")]),r._v(" 个人收藏夹")]),r._v(" "),e("h2",{attrs:{id:"推荐"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#推荐"}},[r._v("#")]),r._v(" 推荐")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://panjiachen.github.io/awesome-bookmarks/",target:"_blank",rel:"noopener noreferrer"}},[r._v("panjiachen"),e("OutboundLink")],1),r._v(" by 花裤衩")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.code-nav.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("编程导航"),e("OutboundLink")],1),r._v(" by 程序员鱼皮")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://r2coding.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("编程自学之路"),e("OutboundLink")],1),r._v(" by 程序羊")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://gitee.com/jishupang/web_atlas",target:"_blank",rel:"noopener noreferrer"}},[r._v("前端知识图谱+B站资源整合"),e("OutboundLink")],1),r._v(" by 技术胖")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://shengxinjing.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("大圣编程自学网"),e("OutboundLink")],1),r._v(" by 大圣")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://devtool.tech/",target:"_blank",rel:"noopener noreferrer"}},[r._v("开发者武器库"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.fly63.com/tool/home.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("工具大全"),e("OutboundLink")],1)])]),r._v(" "),e("p",{attrs:{align:"center"}},[e("img",{attrs:{src:"https://fastly.jsdelivr.net/gh/xugaoyi/image_store@master/blog/qrcode.zdqv9mlfc0g.jpg",width:"200"}})]),r._v(" "),e("div",{staticClass:"center-container"},[e("p",[r._v("关注公众号[有趣研究社]，回复"),e("code",[r._v("前端资源")]),r._v("，获取 "),e("a",{attrs:{href:"https://github.com/heBodyblog-gitalk-comment/wiki/Front-end-Study",target:"_blank",rel:"noopener noreferrer"}},[r._v("前端学习资料"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"文档"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#文档"}},[r._v("#")]),r._v(" 文档")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://developer.mozilla.org/zh-CN/docs/Web",target:"_blank",rel:"noopener noreferrer"}},[r._v("MDN"),e("OutboundLink")],1),r._v(" | "),e("a",{attrs:{href:"https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects",target:"_blank",rel:"noopener noreferrer"}},[r._v("MDN-JS标准内置对象"),e("OutboundLink")],1),r._v(" Web技术权威文档")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://devdocs.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("DevDocs"),e("OutboundLink")],1),r._v(" Web 开发技术文档，非常不错的学习手册！")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://zh.javascript.info",target:"_blank",rel:"noopener noreferrer"}},[r._v("现代JavaScript教程"),e("OutboundLink")],1),r._v(" 以最新标准为基准的JS教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://wangdoc.com/javascript/",target:"_blank",rel:"noopener noreferrer"}},[r._v("ES5教程"),e("OutboundLink")],1),r._v(" 阮一峰的JS教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://es6.ruanyifeng.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("ES6教程"),e("OutboundLink")],1),r._v(" 阮一峰的ES6教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://wangdoc.com/bash/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Bash 脚本教程"),e("OutboundLink")],1),r._v(" 阮一峰编写")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.ecma-international.org/",target:"_blank",rel:"noopener noreferrer"}},[r._v("ECMA"),e("OutboundLink")],1),r._v(" ECMA官网")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.runoob.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("菜鸟教程"),e("OutboundLink")],1),r._v(" 涵盖多种语言的初级教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://cloud.tencent.com/developer/devdocs",target:"_blank",rel:"noopener noreferrer"}},[r._v("腾讯云开发者手册"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"社区"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#社区"}},[r._v("#")]),r._v(" 社区")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://github.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Github"),e("OutboundLink")],1),r._v(" 程序员同性交友社区")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://juejin.im/",target:"_blank",rel:"noopener noreferrer"}},[r._v("掘金"),e("OutboundLink")],1),r._v(" 一个帮助开发者成长的社区")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.jianshu.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("简书"),e("OutboundLink")],1),r._v(" 有很多频道的创作社区")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://segmentfault.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("思否"),e("OutboundLink")],1),r._v(" 解决技术问题的社区")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://stackoverflow.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("stack overflow"),e("OutboundLink")],1),r._v(" 同上，外网的")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.infoq.cn/topic/Front-end",target:"_blank",rel:"noopener noreferrer"}},[r._v("InfoQ"),e("OutboundLink")],1),r._v(" 促进软件开发及相关领域知识与创新的传播")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.v2ex.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("V2EX"),e("OutboundLink")],1),r._v(" 创意工作者们的社区")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://mo.fish",target:"_blank",rel:"noopener noreferrer"}},[r._v("鱼塘热榜"),e("OutboundLink")],1),r._v(" 划水网站，收集了很多网站，当天热门文章")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://maliquankai.com/designnav/",target:"_blank",rel:"noopener noreferrer"}},[r._v("码力全开资源库"),e("OutboundLink")],1),r._v(" 很全很强大，独立开发者/设计干货/优质利器/工具资源...")])]),r._v(" "),e("h3",{attrs:{id:"社区互动"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#社区互动"}},[r._v("#")]),r._v(" 社区互动")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://gitter.im/home/explore",target:"_blank",rel:"noopener noreferrer"}},[r._v("gitter"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://txc.qq.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("兔小巢"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"技巧"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#技巧"}},[r._v("#")]),r._v(" 技巧")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://trends.google.com/trends",target:"_blank",rel:"noopener noreferrer"}},[r._v("Google 趋势"),e("OutboundLink")],1),r._v(" 查看某项技术或关键字的热度趋势，可用于分析某项技术的发展前景，或对比某两项技术的热度。")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://index.baidu.com/v2/index.html#/",target:"_blank",rel:"noopener noreferrer"}},[r._v("百度指数"),e("OutboundLink")],1),r._v(" 同上，但百度的数据仅限国内。")])]),r._v(" "),e("h2",{attrs:{id:"博客"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#博客"}},[r._v("#")]),r._v(" 博客")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"http://www.ruanyifeng.com/blog/",target:"_blank",rel:"noopener noreferrer"}},[r._v("阮一峰的网络日志"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.samanthaming.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("samanthaming"),e("OutboundLink")],1),r._v(" 对前端小知识点的总结，并为每个知识点制作精美的小卡片。")])]),r._v(" "),e("h2",{attrs:{id:"电子书"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#电子书"}},[r._v("#")]),r._v(" 电子书")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://ebook.hep.com.cn/ebooks/h5/index.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("高教书苑"),e("OutboundLink")],1),r._v(" 高等教育出版社的书籍，包含多种学科。\n")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://sobooks.cc/",target:"_blank",rel:"noopener noreferrer"}},[r._v("SoBooks"),e("OutboundLink")],1),r._v(" 免费的电子书资源网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.shidianguji.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("识典古籍"),e("OutboundLink")],1),r._v(" 古籍数字化平台")])]),r._v(" "),e("h2",{attrs:{id:"优秀文章"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#优秀文章"}},[r._v("#")]),r._v(" 优秀文章")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://coolshell.cn/articles/21672.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("我做系统架构的一些原则"),e("OutboundLink")],1),r._v(" 作者对系统架构的方法论总结")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://juejin.im/post/5d4d0ec651882549594e7293",target:"_blank",rel:"noopener noreferrer"}},[r._v("灵活运用CSS开发技巧"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://ishadeed.com/article/defensive-css/",target:"_blank",rel:"noopener noreferrer"}},[r._v("防御性CSS"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"视频"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#视频"}},[r._v("#")]),r._v(" 视频")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://www.bilibili.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("bilibili"),e("OutboundLink")],1),r._v(" B站，上面很多免费教学视频")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.imooc.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("慕课网"),e("OutboundLink")],1),r._v(" 实战视频教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.miaov.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("妙味课堂"),e("OutboundLink")],1),r._v(" 比较系统的前端入门视频教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.icourse163.org/",target:"_blank",rel:"noopener noreferrer"}},[r._v("中国大学MOOC"),e("OutboundLink")],1),r._v(" 涵盖计算机、外语、心理学等专业免费课程")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://le.ouchn.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("终身教育平台"),e("OutboundLink")],1),r._v(" 涵盖生活、兴趣、职场、技能、老年、学历等免费课程")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://egghead.io",target:"_blank",rel:"noopener noreferrer"}},[r._v("egghead"),e("OutboundLink")],1),r._v(" 质量还不错的短视频教程，外网")])]),r._v(" "),e("h2",{attrs:{id:"github"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#github"}},[r._v("#")]),r._v(" Github")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://repobeats.axiom.co/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Repobeats"),e("OutboundLink")],1),r._v(" 生成仓库的动态数据统计图")])]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://git.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("github 短域名服务"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://shields.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("shields"),e("OutboundLink")],1),r._v(" 徽章图标")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://wangchujiang.com/github-rank/index.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("followers 全球排名"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://star-history.t9t.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("star-history"),e("OutboundLink")],1),r._v(" 展示一个项目 Stars 增长曲线")])]),r._v(" "),e("h2",{attrs:{id:"评论系统"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#评论系统"}},[r._v("#")]),r._v(" 评论系统")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://giscus.app/zh-CN",target:"_blank",rel:"noopener noreferrer"}},[r._v("giscus"),e("OutboundLink")],1),r._v(" 由 "),e("a",{attrs:{href:"https://docs.github.com/en/discussions",target:"_blank",rel:"noopener noreferrer"}},[r._v("GitHub Discussions"),e("OutboundLink")],1),r._v(" 驱动的评论系统")])]),r._v(" "),e("h2",{attrs:{id:"前端小工具"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#前端小工具"}},[r._v("#")]),r._v(" 前端小工具")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://caniuse.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Can I use"),e("OutboundLink")],1),r._v(" 查看属性和方法的兼容性")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://30secondsofcode.org/",target:"_blank",rel:"noopener noreferrer"}},[r._v("30 seconds of code"),e("OutboundLink")],1),r._v(" 收集了许多有用的代码小片段")])]),r._v(" "),e("h2",{attrs:{id:"代码编辑"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#代码编辑"}},[r._v("#")]),r._v(" 代码编辑")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://codepen.io",target:"_blank",rel:"noopener noreferrer"}},[r._v("codepen"),e("OutboundLink")],1),r._v(" 在线代码编辑与演示")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://codesandbox.io",target:"_blank",rel:"noopener noreferrer"}},[r._v("codesandbox"),e("OutboundLink")],1),r._v(" 内嵌VSCode的在线IDE")])]),r._v(" "),e("h2",{attrs:{id:"emoji表情"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#emoji表情"}},[r._v("#")]),r._v(" Emoji表情")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://emojipedia.org/",target:"_blank",rel:"noopener noreferrer"}},[r._v("emoji表情"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.webfx.com/tools/emoji-cheat-sheet",target:"_blank",rel:"noopener noreferrer"}},[r._v("emoji表情备忘录"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://translate.yandex.com/?lang=zh-emj",target:"_blank",rel:"noopener noreferrer"}},[r._v("根据文本匹配emoji"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/carloscuesta/gitmoji",target:"_blank",rel:"noopener noreferrer"}},[r._v("gitmoji"),e("OutboundLink")],1),r._v(" 通过 emoji 表达 git 的操作内容")])]),r._v(" "),e("blockquote",[e("p",[r._v("在任意输入框快速打开emoji表情方法："),e("br"),r._v("\nWindows系统下按"),e("kbd",[r._v("Win")]),r._v(" + "),e("kbd",[r._v(".")]),e("br"),r._v("\nMac系统下按"),e("kbd",[r._v("Control")]),r._v(" + "),e("kbd",[r._v("Command")]),r._v(" + "),e("kbd",[r._v("空格")])])]),r._v(" "),e("h2",{attrs:{id:"图片工具"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#图片工具"}},[r._v("#")]),r._v(" 图片工具")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://tinypng.com",target:"_blank",rel:"noopener noreferrer"}},[r._v("tinypng图片压缩"),e("OutboundLink")],1),r._v(" 压缩png很有用")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://devtool.tech/tiny-image",target:"_blank",rel:"noopener noreferrer"}},[r._v("微图"),e("OutboundLink")],1),r._v(" 浏览器端图片压缩，不会上传图片到服务器")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://squoosh.app/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Squoosh"),e("OutboundLink")],1),r._v(" 谷歌出品在线免费图片压缩工具（jpg、png等,压缩效果比tinypng稍好）")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://waifu2x.udp.jp/",target:"_blank",rel:"noopener noreferrer"}},[r._v("waifu2x"),e("OutboundLink")],1),r._v(" 通过卷积网络放大图片")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://vectormagic.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("vectormagic"),e("OutboundLink")],1),r._v(" 转换矢量图")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.vectorizer.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("vectorizer"),e("OutboundLink")],1),r._v(" 真正的 png 转 svg 神器")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://photo.opencool.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("在线AI图片处理"),e("OutboundLink")],1),r._v(" 黑白修复、无损放大、动漫化、铅笔画等。")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.remove.bg/zh",target:"_blank",rel:"noopener noreferrer"}},[r._v("remove"),e("OutboundLink")],1),r._v(" AI抠图（抠背景）")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.magiceraser.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("magic eraser"),e("OutboundLink")],1),r._v(" AI抠图（抠前景）")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/nadermx/backgroundremover",target:"_blank",rel:"noopener noreferrer"}},[r._v("backgroundremover"),e("OutboundLink")],1),r._v(" 又一个抠图的")])]),r._v(" "),e("h2",{attrs:{id:"svg"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#svg"}},[r._v("#")]),r._v(" SVG")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://e2.cool/",target:"_blank",rel:"noopener noreferrer"}},[r._v("svg编辑器-E2.Cool"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://x.ipaiban.com/login",target:"_blank",rel:"noopener noreferrer"}},[r._v("svg编辑器-i排版"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"音视频工具"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#音视频工具"}},[r._v("#")]),r._v(" 音视频工具")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://app.xunjieshipin.com/video-converter/",target:"_blank",rel:"noopener noreferrer"}},[r._v("迅捷视频转换器"),e("OutboundLink")],1),r._v(" 在线转换各种视频格式")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://app.xunjieshipin.com/video-converter/",target:"_blank",rel:"noopener noreferrer"}},[r._v("迅捷音频转换器"),e("OutboundLink")],1),r._v(" 在线转换各种音频格式")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://mp3cut.net/cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("修剪音频"),e("OutboundLink")],1),r._v(" 在线修剪或剪切任何音频文件")])]),r._v(" "),e("h2",{attrs:{id:"思维导图"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#思维导图"}},[r._v("#")]),r._v(" 思维导图")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://www.processon.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("processon在线作图"),e("OutboundLink")],1),r._v(" 流程图、思维导图、原型图等")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://naotu.baidu.com",target:"_blank",rel:"noopener noreferrer"}},[r._v("百度脑图"),e("OutboundLink")],1),r._v(" 思维导图")]),r._v(" "),e("li",[e("a",{attrs:{href:"plectica.com"}},[r._v("plectica")]),r._v(" 绘制知识图谱")])]),r._v(" "),e("h2",{attrs:{id:"css"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#css"}},[r._v("#")]),r._v(" CSS")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://juejin.cn/post/7030572979868139551?utm_source=gold_browser_extension",target:"_blank",rel:"noopener noreferrer"}},[r._v("各种CSS生成器和JS代码片段"),e("OutboundLink")],1)])]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"http://css-tricks.neatbang.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("CSS Tricks"),e("OutboundLink")],1),r._v(" CSS技巧收集与演示")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://neumorphism.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("CSS生成器"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.colorzilla.com/gradient-editor/",target:"_blank",rel:"noopener noreferrer"}},[r._v("CSS渐变生成器"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.html.cn/tool/css3Preview/Box-Shadow.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("CSS3-Box Shadow(阴影)"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://cubic-bezier.com",target:"_blank",rel:"noopener noreferrer"}},[r._v("贝塞尔曲线生成器\t"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"http://www.heropatterns.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("花纹背景生成器"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/bansal-io/pattern.css",target:"_blank",rel:"noopener noreferrer"}},[r._v("花纹背景-pattern.css"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://bennettfeely.com/ztext/",target:"_blank",rel:"noopener noreferrer"}},[r._v("3D字体"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://css-tricks.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("css-tricks"),e("OutboundLink")],1),r._v(" css技巧文章")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://lhammer.cn/You-need-to-know-css/#/zh-cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("You-need-to-know-css"),e("OutboundLink")],1),r._v(" CSS的各种DEMO，很全")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://animista.net/",target:"_blank",rel:"noopener noreferrer"}},[r._v("animista"),e("OutboundLink")],1),r._v(" CSS动画可视化工具，复制代码就能用")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://navnav.co/",target:"_blank",rel:"noopener noreferrer"}},[r._v("navnav"),e("OutboundLink")],1),r._v(" 各种炫酷的CSS动画组件")])]),r._v(" "),e("h2",{attrs:{id:"cdn加速"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#cdn加速"}},[r._v("#")]),r._v(" CDN加速")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"http://www.jsdelivr.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("jsDelivr"),e("OutboundLink")],1),r._v(" 国外的一家优秀的公共 CDN 服务提供商")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://unpkg.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("unpkg"),e("OutboundLink")],1),r._v(" cdn 服务")])]),r._v(" "),e("h2",{attrs:{id:"网站托管"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#网站托管"}},[r._v("#")]),r._v(" 网站托管")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://vercel.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("vercel"),e("OutboundLink")],1),r._v(" 好用的网站托管服务")])]),r._v(" "),e("h2",{attrs:{id:"正则"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#正则"}},[r._v("#")]),r._v(" 正则")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://regex101.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("正则可视化"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://ihateregex.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("iHateRegex"),e("OutboundLink")],1),r._v(" 正则搜索，细节做得很好")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/qdlaoyao/js-regex-mini-book",target:"_blank",rel:"noopener noreferrer"}},[r._v("正则迷你书"),e("OutboundLink")],1),r._v(" 学习正则的小手册")])]),r._v(" "),e("h2",{attrs:{id:"其他"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#其他"}},[r._v("#")]),r._v(" 其他")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://ipcmen.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Linux命令手册"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://carbon.now.sh/",target:"_blank",rel:"noopener noreferrer"}},[r._v("carbon代码图片生成器"),e("OutboundLink")],1),r._v(" 生成好看的代码图片")])]),r._v(" "),e("h2",{attrs:{id:"设计"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#设计"}},[r._v("#")]),r._v(" 设计")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"http://chuangzaoshi.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("创造师导航"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"http://hao.uisdc.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("设计师网址导航"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.remove.bg/zh",target:"_blank",rel:"noopener noreferrer"}},[r._v("remove"),e("OutboundLink")],1),r._v(" AI抠图，抠图算法很厉害")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.manypixels.co/gallery/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Manypixels"),e("OutboundLink")],1),r._v(" 插画")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://undraw.co/illustrations",target:"_blank",rel:"noopener noreferrer"}},[r._v("Undraw"),e("OutboundLink")],1),r._v(" 插画")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://storytale.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("storytale"),e("OutboundLink")],1),r._v(" 插画，种类丰富，包含3D插画")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://uimovement.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("uimovement"),e("OutboundLink")],1),r._v(" 能从这个网站找到不少动画交互的灵感")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.awwwards.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("awwwards"),e("OutboundLink")],1),r._v("是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://dribbble.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("dribbble"),e("OutboundLink")],1),r._v(" 经常能在上面找到很多有创意好看的 gif 或者图片")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.behance.net/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Bēhance"),e("OutboundLink")],1),r._v(" dribbble 是设计师的微博，Bēhance 是设计师的博客")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://logojoy.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Logojoy"),e("OutboundLink")],1),r._v(" 使用 ai 做 logo 的网站，做出来的 logo 质量还不错。")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://brandmark.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("brandmark"),e("OutboundLink")],1),r._v(" 另一个在线制作 logo 网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://instantlogodesign.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("instant"),e("OutboundLink")],1),r._v(" 又一个 logo 制作网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.namecheap.com/logo-maker/app/",target:"_blank",rel:"noopener noreferrer"}},[r._v("namecheap"),e("OutboundLink")],1),r._v("又一个 logo 制作网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.designevo.com/logo-maker/",target:"_blank",rel:"noopener noreferrer"}},[r._v("logo-maker"),e("OutboundLink")],1),r._v(" 又一个 logo 制作网站 这个更简单点 就是选模板之后微调")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://coolors.co/",target:"_blank",rel:"noopener noreferrer"}},[r._v("coolors"),e("OutboundLink")],1),r._v(" 帮你在线配色的网站 你能找到不少配色灵感")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://colorhunt.co/",target:"_blank",rel:"noopener noreferrer"}},[r._v("colorhunt"),e("OutboundLink")],1),r._v(" 另一个配色网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://uigradients.com/#SummerDog",target:"_blank",rel:"noopener noreferrer"}},[r._v("uigradients"),e("OutboundLink")],1),r._v(" 渐变色网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.designcap.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("designcap"),e("OutboundLink")],1),r._v(" 在线海报设计")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://flatuicolors.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Flat UI 色表"),e("OutboundLink")],1),r._v(" Flat UI 色表")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.0to255.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("0to255"),e("OutboundLink")],1),r._v(" 颜色梯度")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/mikolajdobrucki/ikonate",target:"_blank",rel:"noopener noreferrer"}},[r._v("Ikonate"),e("OutboundLink")],1),r._v(" 提供免费的图标 icons")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://remixicon.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("remixicon"),e("OutboundLink")],1),r._v(" 又一个提供免费图标 icons")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/feathericons/feather",target:"_blank",rel:"noopener noreferrer"}},[r._v("feather"),e("OutboundLink")],1),r._v(" 免费的 icons")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/arcticicestudio/nord",target:"_blank",rel:"noopener noreferrer"}},[r._v("nord "),e("OutboundLink")],1),r._v(" 北欧性冷淡风主题配色")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://unsplash.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Unsplash"),e("OutboundLink")],1),r._v(" 提供免费的高清图片")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.pexels.com/zh-cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Pexels"),e("OutboundLink")],1),r._v(" 提供免费的高清图片")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://colorkitty.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("colorkitty"),e("OutboundLink")],1),r._v(" 从你的图片中提取配色")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://design.youzan.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("design.youzan"),e("OutboundLink")],1),r._v(" 有赞设计原则")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.iconfont.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("iconfont"),e("OutboundLink")],1),r._v(" 阿里巴巴矢量图标库")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://undraw.co/illustrations",target:"_blank",rel:"noopener noreferrer"}},[r._v("undraw"),e("OutboundLink")],1),r._v(" 免费的矢量插画")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://icomoon.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("icomoon"),e("OutboundLink")],1),r._v(" 矢量图标库")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://cssicon.space/#/",target:"_blank",rel:"noopener noreferrer"}},[r._v("cssicon"),e("OutboundLink")],1),r._v(" 所有的 icon 都是纯 css 画的 缺点：icon 不够多")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://apps.eky.hk/css-triangle-generator/",target:"_blank",rel:"noopener noreferrer"}},[r._v("CSS triangle generator"),e("OutboundLink")],1),r._v(" 帮你快速用 css 做出三角形")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://bennettfeely.com/clippy/",target:"_blank",rel:"noopener noreferrer"}},[r._v("clippy"),e("OutboundLink")],1),r._v(" 在线帮你使用 css clip-path 做出各种形状的图形")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://picsum.photos/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Lorem Picsum"),e("OutboundLink")],1),r._v(" 提供免费的占位图")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.canva.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Canva 可画"),e("OutboundLink")],1),r._v(" 生成插画、封面、海报、头像等")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://error404.fun/",target:"_blank",rel:"noopener noreferrer"}},[r._v("404页"),e("OutboundLink")],1),r._v(" 404页素材")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://collectui.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("collectui"),e("OutboundLink")],1),r._v(" 按功能组件分类的设计图")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://smartmockups.com/zh",target:"_blank",rel:"noopener noreferrer"}},[r._v("smartmockups"),e("OutboundLink")],1),r._v(" 产品模板生成工具")])]),r._v(" "),e("h2",{attrs:{id:"图库"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#图库"}},[r._v("#")]),r._v(" 图库")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://uigradients.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("uigradients"),e("OutboundLink")],1),r._v(" 渐变色生成工具")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.freepik.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("freepik"),e("OutboundLink")],1),r._v(" banner 图库")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://www.51yuansu.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("觅元素"),e("OutboundLink")],1),r._v("一天免费下载十张 psd（免抠元素）")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.gaoding.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("搞定设计"),e("OutboundLink")],1),r._v(" 可以抠图")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.vectorizer.io/",target:"_blank",rel:"noopener noreferrer"}},[r._v("vectorizer"),e("OutboundLink")],1),r._v(" 真正的 png 转 svg 神器")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.zcool.com.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("站酷"),e("OutboundLink")],1),r._v(" 国内优秀的设计作品展示")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://huaban.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("花瓣"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://huke88.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("虎克"),e("OutboundLink")],1),r._v(" ps 学习教程")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://themes.muffingroup.com/be/splash/",target:"_blank",rel:"noopener noreferrer"}},[r._v("beTheme"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.ui.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("UI 中国"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://alpha.wallhaven.cc/",target:"_blank",rel:"noopener noreferrer"}},[r._v("wallhaven"),e("OutboundLink")],1),r._v(" 壁纸网站-")])]),r._v(" "),e("h2",{attrs:{id:"_3d"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#_3d"}},[r._v("#")]),r._v(" 3D")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://sketchfab.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("sketchfab"),e("OutboundLink")],1),r._v(" 3D模型")])]),r._v(" "),e("h2",{attrs:{id:"交互"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#交互"}},[r._v("#")]),r._v(" 交互")]),r._v(" "),e("ul",[e("li",[e("p",[e("a",{attrs:{href:"http://aliscued.lofter.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("微交互"),e("OutboundLink")],1),r._v(" 里面收集了市面上很多很好的微交互例子 值得学习")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"http://littlebigdetails.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Little Big Details"),e("OutboundLink")],1),r._v(" 同上，一个国外微交互汇集网站")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://cruip.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("cruip"),e("OutboundLink")],1),r._v(" 登录页的各种页面设计，可以免费下载模板")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://comixify.ii.pw.edu.pl/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Comixify"),e("OutboundLink")],1),r._v(" 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图是他们提供的 demo，效果很棒。")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://github.com/bui/taiko-web",target:"_blank",rel:"noopener noreferrer"}},[r._v("taiko-web"),e("OutboundLink")],1),r._v(" 太鼓达人网页版 只能说很 6")])])]),r._v(" "),e("h2",{attrs:{id:"有趣"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#有趣"}},[r._v("#")]),r._v(" 有趣")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://pranx.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("电脑恶搞"),e("OutboundLink")],1),r._v(" 收集了一些恶搞小网页，比如xp系统蓝屏、黑客界面等")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://neocities.org/browse",target:"_blank",rel:"noopener noreferrer"}},[r._v("neocities"),e("OutboundLink")],1),r._v(" 上面托管了很多有趣的网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://fuun.fun/",target:"_blank",rel:"noopener noreferrer"}},[r._v("奇趣网站收藏家"),e("OutboundLink")],1),r._v(" 收藏了很多有趣的网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://game.heBody.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("FC在线模拟器(小霸王游戏机)"),e("OutboundLink")],1),r._v(" 童年回忆")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://www.baidu-x.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("帮你百度一下"),e("OutboundLink")],1),r._v(" 可以 "),e("a",{attrs:{href:"http://www.baidu-x.com/?q=%E5%92%8C%E8%B0%90%E6%9C%89%E7%88%B1%E5%AF%8C%E5%BC%BA",target:"_blank",rel:"noopener noreferrer"}},[r._v("点我测试一下"),e("OutboundLink")],1),r._v("-")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://lmgtfy.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("国际版"),e("OutboundLink")],1),r._v(" 同"),e("code",[r._v("帮我百度一下")]),r._v("-"),e("a",{attrs:{href:"http://lmgtfy.com/?q=a",target:"_blank",rel:"noopener noreferrer"}},[r._v("点我测试一下"),e("OutboundLink")],1),r._v("-")]),r._v(" "),e("li",[e("a",{attrs:{href:"http://matthewrayfield.com/articles/animating-urls-with-javascript-and-emojis/#%F0%9F%8C%96",target:"_blank",rel:"noopener noreferrer"}},[r._v("URL 地址播放 Emojis 动画"),e("OutboundLink")],1),r._v(" 在地址栏里面播放 emoji")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://cantunsee.space/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Can't Unsee"),e("OutboundLink")],1),r._v(" 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设计稿的敏感度怎么样")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://talk.swift.gg/",target:"_blank",rel:"noopener noreferrer"}},[r._v("ggtalk"),e("OutboundLink")],1),r._v(" 平时一直在听的一个技术博客")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/Blankj/awesome-comment",target:"_blank",rel:"noopener noreferrer"}},[r._v("awesome-comment"),e("OutboundLink")],1),r._v(" 里面收集了很多有趣的代码注释")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.text-image.com/index.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("text-img"),e("OutboundLink")],1),r._v(" 都将图片转化为 ascii 用来写注释")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://pessimistress.github.io/ascii/",target:"_blank",rel:"noopener noreferrer"}},[r._v("ascii video"),e("OutboundLink")],1),r._v(" 使用ascii编码生成视频动画")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/beizhedenglong/weird-fonts",target:"_blank",rel:"noopener noreferrer"}},[r._v("weird-fonts"),e("OutboundLink")],1),r._v(" 将普通字母转化为 特殊 unicode")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/epidemian/snake",target:"_blank",rel:"noopener noreferrer"}},[r._v("snake"),e("OutboundLink")],1),r._v(" 在地址栏里面玩贪吃蛇")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/yuanfux/zero-width-lib",target:"_blank",rel:"noopener noreferrer"}},[r._v("zero-width-lib"),e("OutboundLink")],1),r._v(" 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配，很有创意")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.abbreviations.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("abbreviations"),e("OutboundLink")],1),r._v(" 查看一个简写是什么意思的网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://magi.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("magi"),e("OutboundLink")],1),r._v(" ai 搜索神器，超屌")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.qmsjmfb.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("在线取名"),e("OutboundLink")],1),r._v(" 解决取名难问题，超多名字生成")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://collet66.web.fc2.com/nijisanji/index.html",target:"_blank",rel:"noopener noreferrer"}},[r._v("像素画GIF"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://uchinoko-maker.jp/",target:"_blank",rel:"noopener noreferrer"}},[r._v("猫咪生成器"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"生成器"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#生成器"}},[r._v("#")]),r._v(" 生成器")]),r._v(" "),e("ul",[e("li",[e("p",[e("a",{attrs:{href:"https://toonme.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("卡通头像生成器"),e("OutboundLink")],1),r._v(" 上传真人头像生成卡通头像")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://www.artbreeder.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("artbreeder"),e("OutboundLink")],1),r._v(" 动漫图生成真人图像")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://neal.fun/ambient-chaos/",target:"_blank",rel:"noopener noreferrer"}},[r._v("声音生成器"),e("OutboundLink")],1),r._v(" 生成下雨、咖啡厅、海浪、火车等声音，可几种声音合成")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://zzkia.noddl.me:8020/",target:"_blank",rel:"noopener noreferrer"}},[r._v("诺基亚短信图片生成器"),e("OutboundLink")],1)])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://zfb.heBody.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("到账语音生成器"),e("OutboundLink")],1),r._v(" 支付宝到账1亿元")])])]),r._v(" "),e("h2",{attrs:{id:"元宇宙"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#元宇宙"}},[r._v("#")]),r._v(" 元宇宙")]),r._v(" "),e("p",[r._v("符合元宇宙特征的几个网站，允许用户拥有虚拟土地，在上面构建自己的世界：")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://www.sandbox.game/cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("沙盒"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://somniumspace.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("梦境空间"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://market.decentraland.org/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Decentraland"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"教程"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#教程"}},[r._v("#")]),r._v(" 教程")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://egghead.io/courses/execute-npm-package-binaries-with-the-npx-package-runner",target:"_blank",rel:"noopener noreferrer"}},[r._v("npx"),e("OutboundLink")],1),r._v(" 教你怎么合理的使用 npx")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.hacksplaining.com/lessons",target:"_blank",rel:"noopener noreferrer"}},[r._v("hacksplaining"),e("OutboundLink")],1),r._v(" 网络安全学习网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://github.com/mcuking/mobile-web-best-practice",target:"_blank",rel:"noopener noreferrer"}},[r._v("mobile-web-best-practice"),e("OutboundLink")],1),r._v(" 移动 web 最佳实践")])]),r._v(" "),e("h2",{attrs:{id:"产品"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#产品"}},[r._v("#")]),r._v(" 产品")]),r._v(" "),e("ul",[e("li",[e("p",[e("a",{attrs:{href:"https://www.producthunt.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Product Hunt"),e("OutboundLink")],1),r._v(" 好产品推荐")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"http://www.pmdaniu.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("产品大牛"),e("OutboundLink")],1),r._v(" 什么有很多完整的产品原型可以借鉴")])]),r._v(" "),e("li",[e("p",[e("a",{attrs:{href:"https://modao.cc/pricing",target:"_blank",rel:"noopener noreferrer"}},[r._v("磨刀"),e("OutboundLink")],1),r._v(" 快速出 ui 原型")])])]),r._v(" "),e("h2",{attrs:{id:"实用"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#实用"}},[r._v("#")]),r._v(" 实用")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://webden.dev/",target:"_blank",rel:"noopener noreferrer"}},[r._v("webden"),e("OutboundLink")],1),r._v(" 在线网页编辑器，轻便快捷")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://browser-update.org/",target:"_blank",rel:"noopener noreferrer"}},[r._v("browser-update"),e("OutboundLink")],1),r._v(" 浏览器版本更新提示插件")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://admin.typeform.com/signup",target:"_blank",rel:"noopener noreferrer"}},[r._v("typeform"),e("OutboundLink")],1),r._v(" 一个国外的在线调查问卷网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.videofk.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("VideoFk"),e("OutboundLink")],1),r._v(" VideoFk 视频在线解析下载")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.allhistory.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("全历史"),e("OutboundLink")],1),r._v(" 历史内容聚合网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.uzer.me/",target:"_blank",rel:"noopener noreferrer"}},[r._v("UzerMe"),e("OutboundLink")],1),r._v(" 云端办公工具")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://sobooks.cc/",target:"_blank",rel:"noopener noreferrer"}},[r._v("SoBooks"),e("OutboundLink")],1),r._v(" 强大的电子书资源网站")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.gaoding.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("稿定设计"),e("OutboundLink")],1),r._v(" 键式设计工具+智能抠图")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://dalipan.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("大力盘"),e("OutboundLink")],1),r._v(" 百度网盘搜索")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.macbl.com/app/internet/enfi",target:"_blank",rel:"noopener noreferrer"}},[r._v("ENFI 下载器"),e("OutboundLink")],1),r._v(" 不限速下载器")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.laihua.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("来画视频"),e("OutboundLink")],1),r._v(" 像做 PPT 一样做短视频")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.arkie.cn/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Arkie 海报制作工具"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"http://www.ypppt.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("优品 PPT"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"http://www.tretars.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("比格 PPT"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.pexels.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("高清免费图片"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://unsplash.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("高清免费图片 2"),e("OutboundLink")],1)]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.shapedivider.app/",target:"_blank",rel:"noopener noreferrer"}},[r._v("shapedivider"),e("OutboundLink")],1),r._v(" 生成波浪分隔线")]),r._v(" "),e("li",[e("a",{attrs:{href:"https://www.notion.so/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Notion"),e("OutboundLink")],1),r._v(" 知识库、快速笔记、TaskList、日记、读书清单，各种类型，应有尽有")])]),r._v(" "),e("h2",{attrs:{id:"talk"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#talk"}},[r._v("#")]),r._v(" Talk")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://github.com/peerigon/talks",target:"_blank",rel:"noopener noreferrer"}},[r._v("peerigon-talks"),e("OutboundLink")],1),r._v(" 收集了不少有意思的 talks")])]),r._v(" "),e("h2",{attrs:{id:"算法"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#算法"}},[r._v("#")]),r._v(" 算法")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://github.com/azl397985856/leetcode",target:"_blank",rel:"noopener noreferrer"}},[r._v("leetcode"),e("OutboundLink")],1),r._v(" 用 js 刷 leetcode")])]),r._v(" "),e("h2",{attrs:{id:"nginx"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#nginx"}},[r._v("#")]),r._v(" nginx")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://www.digitalocean.com/community/tools/nginx?global.app.lang=zhCN",target:"_blank",rel:"noopener noreferrer"}},[r._v("nginx 可视化配置工具"),e("OutboundLink")],1)])]),r._v(" "),e("h2",{attrs:{id:"生活"}},[e("a",{staticClass:"header-anchor",attrs:{href:"#生活"}},[r._v("#")]),r._v(" 生活")]),r._v(" "),e("ul",[e("li",[e("a",{attrs:{href:"https://www.ventusky.com/",target:"_blank",rel:"noopener noreferrer"}},[r._v("Ventusky"),e("OutboundLink")],1),r._v(" 风雨气温图")])])])}),[],!1,null,null,null);e.default=a.exports}}]);