个人收藏夹

后台技术

MRCODE-BOOK (opens new window) 技术笔记内容涵盖各类技术，如：Java、Git、ElasticSearch、MyCat、设计模式、Gradle、Vue - mrcode.cn

成套内容包含：

• elasticsearch 初级、高级
• 缓存架构-亿级流量电商详情页系统实战
• 设计模式（某课）、研磨设计模式
• Spring Cloud Config 官网教程阅读笔记
• 正则入门
• CSS 深入理解-张星旭（重学版）
• 后端存储实战
• 说透中台
• Oath 2.0 实战
• Git 系统学习笔记

另外包含一些零散的知识：mycat、gradle、npm、k8s、docker、virtualbox 、vuepress 等内容

MRCODE-BOOK2 (opens new window) 技术笔记

成套内容包含：

• JAVA 生产环境下性能监控与调优详解
• 透视 HTTP 协议
• DDD 实战课

JAVA8 官网笔记教程 (opens new window)JAVA8 官网笔记教程 Java8 官网教程文档，机翻 + 经验实践

MySQL 系列教程（笔记） (opens new window) MySQL 系列教程学习笔记

MQ 系列教程（笔记） (opens new window) MQ 系列教程学习笔记

数据结构与算法 系列教程（笔记） (opens new window)数据结构与算法 系列教程学习笔记

JAVA 架构师笔记 (opens new window)用来记录架构师相关成套的知识

大佬收藏夹

• panjiachen (opens new window)

教程网站

菜鸟教程 (opens new window) 涵盖多种语言的初级教程

腾讯云开发者手册 (opens new window) 腾讯开发者手册

社区

• Github (opens new window) 程序员同性交友社区
• 掘金 (opens new window) 一个帮助开发者成长的社区
• 简书 (opens new window) 有很多频道的创作社区
• 思否 (opens new window) 解决技术问题的社区
• 鱼塘热榜 (opens new window) 划水网站，收集了很多网站，当天热门文章
• 码力全开资源库 (opens new window) 很全很强大，独立开发者/设计干货/优质利器/工具资源...

博客

• 阮一峰的网络日志 (opens new window)
• samanthaming (opens new window) 对前端小知识点的总结，并为每个知识点制作精美的小卡片。

科学上网

• 谷歌chrome商店访问助手 (opens new window)
• 谷歌云(GCP)一键搭建 V2Ray 让你畅快科学上网 (opens new window)
• 谷歌助手，插件版科学上网 (opens new window)

视频

• 慕课网 (opens new window) 实战视频教程
• 妙味课堂 (opens new window) 比较系统的前端入门视频教程
• 中国大学MOOC (opens new window) 涵盖计算机、外语、心理学等专业免费课程
• bilibili (opens new window) B站，上面也有一些可供学习的免费视频
• egghead (opens new window) 质量还不错的短视频教程，外网

电视直播

• CCTV、卫视高清直播 (opens new window)

Github

• github 短域名服务 (opens new window)
• shields (opens new window) 徽章图标
• followers 全球排名 (opens new window)

其他

• Linux命令手册 (opens new window)
• [代码图片生成器](

前端

文档

• MDN (opens new window) | MDN-JS标准内置对象 (opens new window) Web技术权威文档
• 现代JavaScript教程 (opens new window) 以最新标准为基准的JS教程
• ES5教程 (opens new window) 阮一峰的JS教程
• ES6教程 (opens new window) 阮一峰的ES6教程

在线工具

开发

• Can I use (opens new window) 查看属性和方法的兼容性
• 30 seconds of code (opens new window) 收集了许多有用的代码小片段

代码编辑

• codepen (opens new window) 在线代码编辑与演示
• codesandbox (opens new window) 内嵌VSCode的在线IDE

Emoji表情

• emoji表情 (opens new window)
• emoji表情备忘录 (opens new window)
• gitmoji (opens new window) 通过 emoji 表达 git 的操作内容

windows系统下按Win+.快速打开表情选择框

图片工具

• tinypng图片压缩 (opens new window) 压缩png很有用
• Squoosh (opens new window) 谷歌出品在线免费图片压缩工具
• waifu2x (opens new window) 通过卷积网络放大图片
• vectorizer (opens new window) 真正的 png 转 svg 神器
• 在线AI图片处理 (opens new window) 黑白修复、无损放大、动漫化、铅笔画等。
• remove (opens new window) AI抠图

作图

• processon在线作图 (opens new window) 流程图、思维导图、原型图等
• 百度脑图 (opens new window) 思维导图

CDN加速

• jsDelivr (opens new window) 国外的一家优秀的公共 CDN 服务提供商
• unpkg (opens new window) cdn 服务

网站托管

• vercel (opens new window) 好用的网站托管服务

正则

• 正则可视化 (opens new window)

• https://carbon.now.sh/)

教程

• npx (opens new window) 教你怎么合理的使用 npx
• hacksplaining (opens new window) 网络安全学习网站
• mobile-web-best-practice (opens new window) 移动 web 最佳实践

算法

• leetcode (opens new window) 用 js 刷 leetcode

设计

• 创造师导航 (opens new window)
• 设计师网址导航 (opens new window)
• remove (opens new window) AI抠图，抠图算法很厉害
• Manypixels (opens new window) 插画
• Undraw (opens new window) 插画
• uimovement (opens new window) 能从这个网站找到不少动画交互的灵感
• awwwards (opens new window)是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站
• dribbble (opens new window) 经常能在上面找到很多有创意好看的 gif 或者图片
• Bēhance (opens new window) dribbble 是设计师的微博，Bēhance 是设计师的博客
• Logojoy (opens new window) 使用 ai 做 logo 的网站，做出来的 logo 质量还不错。
• brandmark (opens new window) 另一个在线制作 logo 网站
• instant (opens new window) 又一个 logo 制作网站
• namecheap (opens new window)又一个 logo 制作网站
• logo-maker (opens new window) 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
• coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
• colorhunt (opens new window) 另一个配色网站
• uigradients (opens new window) 渐变色网站
• designcap (opens new window) 在线海报设计
• Flat UI 色表 (opens new window) Flat UI 色表
• 0to255 (opens new window) 颜色梯度
• Ikonate (opens new window) 提供免费的图标 icons
• remixicon (opens new window) 又一个提供免费图标 icons
• feather (opens new window) 免费的 icons
• nord (opens new window) 北欧性冷淡风主题配色
• Unsplash (opens new window) 提供免费的高清图片
• Pexels (opens new window) 提供免费的高清图片
• colorkitty (opens new window) 从你的图片中提取配色
• design.youzan (opens new window) 有赞设计原则

• iconfont (opens new window) 阿里巴巴矢量图标库

• undraw (opens new window) 免费的矢量插画

• icomoon (opens new window) 矢量图标库

• cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点：icon 不够多

• CSS triangle generator (opens new window) 帮你快速用 css 做出三角形

• clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形

• Lorem Picsum (opens new window) 提供免费的占位图

• Canva 可画 (opens new window) 生成插画、封面、海报、头像等

图库

• uigradients (opens new window) 渐变色生成工具
• freepik (opens new window) banner 图库
• 觅元素 (opens new window)一天免费下载十张 psd
• 搞定设计 (opens new window) 可以抠图
• vectorizer (opens new window) 真正的 png 转 svg 神器
• 站酷 (opens new window)
• 花瓣 (opens new window)
• 虎克 (opens new window) Ps 学习教程
• beTheme (opens new window)
• UI 中国 (opens new window)

有趣

• 奇趣网站收藏家 (opens new window) 收藏了很多有趣的网站
• 帮你百度一下 (opens new window) 可以 点我测试一下 (opens new window)-
• 国际版 (opens new window) 同帮我百度一下-点我测试一下 (opens new window)-
• wallhaven (opens new window) 壁纸网站-
• URL 地址播放 Emojis 动画 (opens new window) 在地址栏里面播放 emoji
• Can't Unsee (opens new window) 强烈建议前端、客户端、UI 开发的同学玩下，检查一下自己对设计稿的敏感度怎么样
• ggtalk (opens new window) 平时一直在听的一个技术博客
• awesome-comment (opens new window) 里面收集了很多有趣的代码注释
• text-img (opens new window) 都将图片转化为 ascii 用来写注释
• weird-fonts (opens new window) 将普通字母转化为 特殊 unicode
• snake (opens new window) 在地址栏里面玩贪吃蛇
• zero-width-lib (opens new window) 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配，很有创意
• abbreviations (opens new window) 查看一个简写是什么意思的网站
• magi (opens new window) ai 搜索神器，超屌
• 诺基亚短信图片生成器 (opens new window)

交互

• 微交互 (opens new window) 里面收集了市面上很多很好的微交互例子 值得学习
• Little Big Details (opens new window) 同上，一个国外微交互汇集网站
• cruip (opens new window) 登录页的各种页面设计，可以免费下载模板
• Comixify (opens new window) 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图是他们提供的 demo，效果很棒。
• taiko-web (opens new window) 太鼓达人网页版 只能说很 6

产品

• 产品大牛 (opens new window) 什么有很多完整的产品原型可以借鉴
• 磨刀 (opens new window) 快速出 ui 原型

实用

• browser-update (opens new window) 浏览器版本更新提示插件

• typeform (opens new window) 一个国外的在线调查问卷网站

• VideoFk (opens new window) VideoFk 视频在线解析下载

• 全历史 (opens new window) 历史内容聚合网站

• UzerMe (opens new window) 云端办公工具

• SoBooks (opens new window) 强大的电子书资源网站

• 稿定设计 (opens new window) 键式设计工具+智能抠图

• 大力盘 (opens new window) 百度网盘搜索

• ENFI 下载器 (opens new window) 不限速下载器

• 来画视频 (opens new window) 像做 PPT 一样做短视频

• Arkie 海报制作工具 (opens new window)

• 优品 PPT (opens new window)

• 比格 PPT (opens new window)

• 高清免费图片 (opens new window)

• 高清免费图片 2 (opens new window)