---
url: https://sugarat.top/_configDoc/top/address.md
---

# 我收藏的资源

> 个人收藏的一些在线资源,欢迎评论区推荐你觉得好的资源,大家一起学习,共同进步

## 电子书相关

* [漫画算法](https://www.cxyxiaowu.com/suanfa-2/manhuasuanfa)
* [鸠摩搜书](https://www.jiumodiary.com/)
* [GeekGist](https://geekgist.com/). - 优质电子书资源站点
* [IT eBooks](https://it-ebooks.info/) - 优质电子书资源站点（外）
* [书栈网](https://www.bookstack.cn/) - IT 互联网 免费的开源编程书籍
* [free-programming-books-zh\_CN](https://github.com/justjavac/free-programming-books-zh_CN) - 免费的编程中文书籍索引
* [网道](https://wangdoc.com/) - 为互联网开发提供高质量的、拥有自主版权的、可以自由使用的中文软件文档
* [css-animation-101](https://h-wakanda.github.io/css-animation-101-cn/) - Css动画入门
* [javascript 20年](https://cn.history.js.org/index.html)
* ["react" posts](https://dmitripavlutin.com/tag/react/)
* [Web安全学习资料](https://websec.readthedocs.io/zh/latest)

## 在线学习

* [freeCodeCamp](https://www.freecodecamp.org/learn/)- 前端相关技术栈实践入门
* [learn Git Branching](https://learngitbranching.js.org/) - 在线git 操作学习
* [在线Redis](https://try.redis.io/) - try redis

## Vs Code插件

* [Code Spell Checker​](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) - 代码拼写检查

## 资源集合导航

* [编程导航](https://www.code-nav.cn/)
* [爱达杂货铺](https://adzhp.cn/)
* [开发者武器库](https://devtool.tech/) - 属于程序员的工具箱
* [极简插件](https://chrome.zzzmh.cn/) - Chrome扩展插件商店\_优质crx应用
* [阿里巴巴开源镜像站](https://developer.aliyun.com/mirror/) - 阿里云官方镜像站
* [牛6网](https://n6app.com/) - 常用网址聚合
* [在线工具](https://tool.lu/) - 你的工具箱
* [大圣编程自学网](https://shengxinjing.cn/)

## 代码&仓库

* [clean-code-javascript​](https://github.com/ryanmcdermott/clean-code-javascript#set-default-objects-with-objectassign)​ - 整洁代码实践精髓
* [每天 30 秒系列之 JavaScript 代码](https://ld246.com/article/1553314584340?utm_source=ld246.com) - 精选常见代码集
* [30Seconds](https://ld246.com/tag/30seconds) - 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。
* [xicons](https://www.xicons.org/#/zh-CN) - Icons for Vue & React
* [snabbt.js](https://github.com/daniel-lundin/snabbt.js) - Fast animations with Javascript and CSS transforms

## 开发利器

* [uTools](https://u.tools/docs/guide/about-uTools.html#%E6%88%AA%E5%9B%BE%E9%A2%84%E8%A7%88) - uTools 是一个极简、插件化的现代桌面软件，通过自由选配丰富的插件，打造得心应手的工具集合。

## 文档手册 & 信息查询

* [emoji-cheat-sheet](https://www.webfx.com/tools/emoji-cheat-sheet/) - emoji 表情对应 的字符（可在markdown文档中直接使用）
* [HTML Standard](https://whatwg-cn.github.io/html/) - 定义了Web平台 很大一部分的内容（非常多，不仅仅只html）
* [Emoji表情符号词典](https://www.emojiall.com/zh-hans)
* [英文缩写查询网站](https://acronyms.thefreedictionary.com/hdx)
* [Can I Use](https://caniuse.com/) - 查询 "三剑客"相关特性 的兼容范围
* [node.green](https://node.green/) 不同Node版本对ES的支持程度
* [compat-table](https://kangax.github.io/compat-table/es6/) ES新提案进度，与浏览器对ES个版本的支持程度 查询
* [JavaScript](https://jscig.github.io/#) 中文兴趣组
* [凹凸实验室 - 前端代码规范](https://guide.aotu.io/index.html)
* [能不能好好说话](https://lab.magiconch.com/nbnhhsh/) - yyds
* [webgradients](https://webgradients.com/) - Free Gradients Collection: Sketch/Photoshop/CSS
* [uiGradients](https://uigradients.com/#EmeraldWater) - uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
* [特殊符号](http://cn.piliapp.com/symbol/) - 特殊符号查询
* [深入理解 TypeScript](https://jkchao.github.io/typescript-book-chinese/#why)
* [阿里巴巴知识图谱](https://f2e.tech/)
* [postcss插件](https://www.postcss.parts/)

## 在线演示

* [stackblitz](https://stackblitz.com/) - 在线代码编辑器 - Code the Future In Your Browser.
* [codepen](https://codepen.io/) - 在线web demo编辑 - （很多高能的CSS demo）分享web示例代码片段

## 在线工具

* [CODELF](https://unbug.github.io/codelf/) - 解决变量命名难题
* [carbon](https://carbon.now.sh/) - 为各种语言代码上色然后 导出 SVG/PNG 用于分享或者演示
* [cyrilex](https://extendsclass.com/regex-tester.html) - 正则表达式测试器和可视化工具
* [pyrexp](https://pythonium.net/regex) - Python 正则表达式测试和可视化工具
* [regexper](https://regexper.com/) - 正则逻辑可视化
* [cubic-bezier](https://cubic-bezier.com) - 贝塞尔曲线
* [tool.lu](https://tool.lu/nav/) - 在线工具合集
* [999fin](https://999fin.com/) - 南湖-在线工具集合
* [snipaste](https://zh.snipaste.com/) - 截图+ 贴图，提高您的工作效率.
* [发表情](https://fabiaoqing.com/) -  斗图必备
* [tinypng](https://tinypng.com/) - 图片压缩
* [npm.devtool.tech](https://npm.devtool.tech/) - 在这里了解一个 npm 包的一切事情，发布体积，安装体积，打包体积，代码体积，你可在这里在线运行每一个库的代码，对比相似库的质量
* [remove.bg](https://www.remove.bg/zh) - 图片背景消除 - 100% 全自动且免费
* [Hoppscotch](https://hoppscotch.io/) - Open source API development ecosystem
* [Canva中文官网](https://www.canva.cn/?display-com-option=true) - Canva可画在线平面设计软件\_免费设计模板素材和海量正版图片
* [JSX Lite Fiddle](https://jsx-lite.builder.io/?outputTab=vue) -  compile to common frameworks, import from popular tools
* [Staticfile CDN](https://www.staticfile.org/) - 免费、快速、开放的 CDN 服务
* [图好快](https://www.tuhaokuai.com/) - 在线图片压缩
* [mockium](https://softwium.com/mockium/) - 虚假数据生成器