sringly/resource

资源集合url

figma资源：https://www.figma.cool/#Figma%20%E6%8F%92%E4%BB%B6
github博客：https://hellogithub.com/periodical/volume/63/#category-2
动态icon：https://lordicon.com/free-icons
正则教程：http://www.zjmainstay.cn/deep-regexp
学习正则：https://github.com/ziishaned/learn-regex/blob/master/translations/README-cn.md
原文图解git： https://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1#rebase
中文图解git：https://zhuanlan.zhihu.com/p/132731553
免费图表icon：https://icons8.com/icons
画图工具：https://plantuml.com/zh/starting
api接口丰富实例：https://apicoding.io/
可视化配置nginx https://www.digitalocean.com/community/tools/nginx
and design 实战：https://antd-course.ulivz.com/aut0sr.html#antd-%E7%9A%84%E5%9B%BD%E9%99%85%E5%8C%96
电子书：https://book.tstrs.me/.
技术大全：https://ngte-web.gitbook.io/i/react/hooks/usecallback-yu-usememo
泳道图工具：https://swimlanes.io/
python 操作dom https://brython.info/index.html
换视频背景https://www.unscreen.com/
前端工具 https://www.zhihu.com/question/20241338/answer/1166419798
node使用例子集合https://www.teakki.com/p/57dfa87f3c20b02e90a0d5ce
正则可视化https://blog.robertelder.org/regular-expression-visualizer/
手机、电脑套壳工具https://deviceshots.com/
git文档：https://docs.github.com/cn/github/finding-security-vulnerabilities-and-errors-in-your-code/about-code-scanning

ts相关：

在线练习：https://www.typescriptlang.org/play
ts生成uml图：https://tsuml-demo.firebaseapp.com/
json转为ts类型：http://www.jsontots.com/
数据库schema自动生成ts定义：https://github.com/SweetIQ/schemats ts语法树生成：https://ts-ast-viewer.com/ 将ts注释转换为html或json文档：https://ts-ast-viewer.com/

各种库集合 http://www.lib4dev.in/
react源码解析： https://react.iamkasong.com/
在线查看npm包结构：https://uiw.gitee.io/npm-unpkg/#/
图片背景去除：https://www.remove.bg/zh
no_code清单：https://nocodelist.co/
编辑器字体效果预览：https://coding-fonts.css-tricks.com/
0代码平台：https://www.ivx.cn/plans
前端面试：https://bitable.feishu.cn/app8Ok6k9qafpMkgyRbfgxeEnet?from=logout&table=tblEnSV2PNAajtWE&view=vewJHSwJVd
serverless redis：https://console.upstash.com/pages/newdatabase
在线数据库：https://supabase.io/
前端架构分享：https://blog.webf.zone/contemporary-front-end-architectures-fb5b500b0231
在线聊天群：https://discord.com/
函数式编程入门：https://wizardforcel.gitbooks.io/functional-light-js/content/
前端实践：https://www.kancloud.cn/chandler/react_handbook/1271262
前端环境安装：https://juejin.cn/post/6884042237412376583
值得看的博客：http://www.ayqy.net/blog/
React动画库：https://openbase.com/categories/js/best-react-animation-libraries?orderBy=RECOMMENDED&
在线代码平台：https://replit.com/~
React+TS类型定义教程：https://react-typescript-cheatsheet.netlify.app/docs/basic/getting-started/context
格式在线转化：https://transform.tools/xml-to-json
npm包在线版本比对：https://semver.npmjs.com/
前端blog：https://mengsixing.github.io/blog/2018.html#%E5%AD%A6%E4%B9%A0%E4%B8%8A
对理解vue和react不错的文章：http://hcysun.me/vue-design/zh/essence-of-comp.html#%E7%BB%84%E4%BB%B6%E7%9A%84%E7%A7%8D%E7%B1%BB
现代js教程：https://zh.javascript.info/
web components组件库：https://xy-ui.codelabo.cn/docs/#/README，https://www.fast.design/docs/components/getting-started
建站：https://sli.dev/
好用的翻译软件：https://www.deepl.com/translator
linux命令用法查询工具：https://tldr.linux.cn/
写ts包模板：https://github.com/Rich-Harris/typescript-lib, https://github.com/formium/tsdx
在线画时序图：https://swimlanes.io/#bVA9T8NADN3vV3iEE2n3DiyIETG0EgNCrZU4yUmOXe4uTSPEf8cXSgUS25Pt9+GXQ2bawAtxrQNBVkhTGBiF0iqoc+5ZCKp72E26gSdKCTtyTjTTxnn/+9Z7CAkQUhiOTKDCQYqgMrQaoY6EOUgH+0TvI0lN0ATsIg5pv3LusQkZcm8EOucSo2CmdsHjscFMy+jCMYb3D3qcl+EY2dxLdjyZc4TUY/xzfwf7ktlGmH8oUPcoHSWYehI6UYRZx3+8SrznCIdt6ASCwEeLVTJcBamQ8+ehOC/vEaAA1rWOkg02UCsz1YaZQduiH69fm6qzVq/l7iw+cXspF7ZE4P1rOxo1zZLxDGoZT4Gmt5t1Z4oU53VZV9/rW6ugFD2ovd5QxsDpCw==
css用法查找：https://css-tricks.com/almanac/#letter-N
用笔绘图：https://excalidraw.com/
js数据结构和算法：http://www.conardli.top/docs/ 剑指offer js版：https://github.com/luxiangqiang/JianZhi-Offer_JavaScript
canvas封装库：https://github.com/fabricjs/fabric.js
electron 实战教程：https://molunerfinn.com/tags/Electron-vue/
flutter可视化搭建工具：https://flutterflow.io/
flutter demo 集合：https://github.com/flutter/samples
请求响应mock测试：https://github.com/postmanlabs/httpbin
社保公积金转移：https://deepzz.com/post/interprovincial-job-change.html
docker compose模板：https://github.com/docker/awesome-compose. H5在线制作(源码)：https://github.com/sringly/quark-h5
react 手势库：https://github.com/pmndrs/use-gesture
webRtc集合：https://github.com/muaz-khan/WebRTC-Experiment. app12原则：https://12factor.net/zh_cn/ mac好看终端教程：https://mp.weixin.qq.com/s/dle27qPDYXYcalfy0RGJeQ
图片视频集合：https://github.com/neutraltone/awesome-stock-resources
在浏览器中实时React编译渲染：https://github.com/concrete-utopia/utopia
在线ps：https://www.uupoop.com/ps/
日程管理工具：https://tweek.so/
数列规律：https://oeis.org/search?q=0+1+1+2+3+5+8&sort=&language=chinese&go=Search
github api:https://badgen.net/
知识体系：https://github.com/wx-chevalier
jupter: https://jupyterlite.github.io/demo/lab/
第三方api服务：https://api.oick.cn/random/
vscode插件开发文档：https://liiked.github.io/VS-Code-Extension-Doc-ZH/#/extension-guides/command
流程图工具：https://github.com/vanila-io/wireflow
shell编程教程：https://tinylab-1.gitbook.io/shellbook/01-chapter5
构建在线markdown编辑器：http://tinylab.org/markdown-lab/
github提交次数统计组件：https://github.com/grubersjoe/react-activity-calendar
chrome开发脚手架：https://github.com/njzydark/chrome-extension-boilerplate
多人协作富文本：https://github.com/ether/etherpad-lite JS加密解密：https://github.com/bitwiseshiftleft/sjcl
快捷工具集：https://github.com/clouDr-f2e/rubick
AST便捷工具：https://github.com/thx/gogocode
GIT diff工具：https://github.com/banga/git-split-diffs
nocodb：https://github.com/nocodb/nocodb
http-api设计指北：https://github.com/bolasblack/http-api-guide
markdown解析成ast：https://github.com/yozorajs/yozora html5 canvas框架：https://github.com/konvajs/konva
设计工具：https://polotno.dev/
门窗设计软件：https://windowcc.com/home 在线编辑器：https://www.anyfiddle.com/?ref=producthunt&continueFlag=24dc682e3f5892a79193842f97156bc8
在线甘特图：https://www.onlinegantt.com/#/gantt
图片diff：https://github.com/dmtrKovalenko/odiff，https://github.com/rsmbl/Resemble.js，https://imagemagick.org/index.php，https://github.com/alyssaxuu/screenity
动态表单：https://github.com/dream2023/f-render
sql学习：https://www.bilibili.com/video/BV1UE41147KC?p=12
mac gif工具：https://getkap.co/
晋升ppt怎么写：https://github.com/Skycrab/code/blob/master/%E6%99%8B%E5%8D%87/%E5%85%B3%E4%BA%8E%E6%99%8B%E5%8D%87%E7%9A%84%E4%B8%80%E4%BA%9B%E6%80%BB%E7%BB%93%E4%B8%8E%E5%8F%82%E8%80%83-%E5%A7%9C%E5%85%86%E9%98%B3.md 什么是技术深度(晋升)：https://zhuanlan.zhihu.com/p/39614048

设计模式：https://github.com/guanguans/design-patterns-for-humans-cn
面试宝典：https://github.com/yangshun/tech-interview-handbook
自己动手写编译器：https://pandolia.net/tinyc/index.html
node源码解析：https://11111-1252105172.cos.ap-shanghai.myqcloud.com/understand-nodejs%EF%BC%88%E5%B8%A6%E6%A0%87%E7%AD%BE%E7%89%88%EF%BC%89.pdf https://github.com/taoshihan1991/go-fly
架构图 https://www.zhihu.com/question/27440059/answer/2144817478
面试：https://coffe1891.gitbook.io/frontend-hard-mode-interview/?continueFlag=13f3419622e2db103218acb4fafd4d76
可视化：https://zhuanlan.zhihu.com/p/164558106 https://zhuanlan.zhihu.com/p/164558106 https://github.com/H5-Dooring/dooringx docker教程https://vuepress.mirror.docker-practice.com/?continueFlag=0b04af7050065b14b0e4700c724b0863
其他图片格式转为svg：https://github.com/visioncortex/vtracer
正则表达式学习：https://regexlearn.com/zh-cn?utm_source=appinn.com
用rust写react组件：https://mp.weixin.qq.com/s/OA1B-L1FTYlvdiViLgBSDQ
flutter组件库：https://github.com/LianjiaTech/bruno
docker管理终端https://github.com/jesseduffield/lazydocker
letcode 100题：https://zhuanlan.zhihu.com/p/388681117
web接入在线聊天：https://github.com/papercups-io/papercups
强大chrome插件：https://github.com/alyssaxuu/omni
web 内存泄漏检测工具：https://github.com/nolanlawson/fuite
rust教程：https://github.com/sunface/rust-course
curl: https://github.com/bagder/everything-curl
工具集合：https://www.67tool.com/
node写shell：https://github.com/google/zx
补全终端：https://github.com/withfig/autocomplete
git救命手册：https://github.com/k88hudson/git-flight-rules/blob/master/README_zh-CN.md
ffmpeg浏览器和node：https://github.com/ffmpegwasm/ffmpeg.wasm
react面试题：https://github.com/sudheerj/reactjs-interview-questions#table-of-contents
可拖拽分栏：https://github.com/zesik/react-splitter-layout
json 格式化：https://jsonvisio.com/editor
插画设计：https://designstripe.com/?continueFlag=0b6d107668ec590e1a5bc5206c423d22
代理工具：https://proxyman.io/ whistle charles fiddle
React实时渲染：https://github.com/FormidableLabs/react-live
第三方库在web worker运行，包括操作dom：https://github.com/builderio/partytown
实时天气预报：https://www.ventusky.com/?p=23.7;111.5;4&l=rain-ac
山水简图：http://shan-shui-inf.lingdong.works/?seed=1652177 代码实现的艺术：https://lingdong.works/ 在线SQL学习：https://www.db-fiddle.com/?continueFlag=999cfdb86fac70c3f4a87669d1469b15 devtool heap 快照：https://github.com/adriancooney/puppeteer-heap-snapshot
自己搭搜索引擎：https://github.com/meilisearch/meilisearch
python 运行在浏览器：https://pyscript.net/?continueFlag=83669db3116b9da1dbe3dad8006c90a2
生成终端样式页面：https://github.com/Cveinnt/LiveTerm
python代码片段： https://github.com/geekcomputers/Python
小工具集，可独立部署：https://github.com/jaywcjlove/tools
推荐系统Go：https://github.com/gorse-io/gorse
手绘图形库：https://github.com/rough-stuff/rough
将node打包为可执行文件：https://github.com/nexe/nexe 代替uuid：https://github.com/ai/nanoid pdf读写和生成python： https://github.com/pikepdf/pikepdf
汉字工具库：https://github.com/theajack/cnchar
键盘监听库：https://github.com/jamiebuilds/tinykeys
devtool log日志美化：https://github.com/adamschwartz/log
多人协作markdown：https://github.com/Cveinnt/LetsMarkdown.com
api集合：https://apitracker.io/?continueFlag=fbbfa800695a2e183171a0cac7d49163
将数据库表直接转化为表格： https://github.com/nocodb/nocodb js处理pdf:https://github.com/bpampuch/pdfmake,https://github.com/wojtekmaj/react-pdf,https://github.com/Hopding/pdf-lib
代码匹配和替换：https://github.com/comby-tools/comby
web3 教程：https://github.com/smartcontractkit/full-blockchain-solidity-course-js
js混淆反解：http://jsnice.org/
给视频加解说：https://github.com/elebumm/RedditVideoMakerBot
搜索库：https://github.com/meilisearch/meilisearch
可视化框架：https://github.com/smartxworks/sunmao-ui
css学习例子：https://github.com/chokcoco/CSS-Inspiration css动画https://animista.net/play/entrances
桌面应用：https://github.com/tauri-apps/tauri
图片视频编辑：github.com/layerhub-io/react-design-editor
js功能片段：https://github.com/phuocng/1loc 获取ui代码的插件：https://chrome.google.com/webstore/detail/aspect/bolegjkaeijefaiehamnkmbkkdbhocae
在线设计工具：https://github.com/penpot/penpot
低代码平台实现原理：https://github.com/woai3c/visual-drag-demo

数据库schema自动生成ts定义：https://github.com/SweetIQ/schemats编程 数据库schema自动生成ts定义：https://github.com/SweetIQ/schemats

将web打包为桌面端应用：github.com/tw93/Pake

快速去图片背景：https://github.com/danielgatis/rembg
纯js实现的ocr：https://github.com/naptha/tesseract.js#tesseractjs

网页端邮件组件：https://github.com/mjmlio/mjml
最小编译器：https://github.com/jamiebuilds/the-super-tiny-compiler/blob/master/the-super-tiny-compiler.js
红白机css：https://github.com/nostalgic-css/NES.css
图解react源码：https://github.com/7kms/react-illustration-series
ts类型技巧：https://github.com/type-challenges/type-challenges/blob/main/README.zh-CN.md
微信样式库：https://github.com/Tencent/weui