[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10077":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":9,"languages":9,"totalLinesOfCode":9,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":14,"forks30d":14,"starsTrendScore":17,"compositeScore":18,"rankGlobal":9,"rankLanguage":9,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":9,"pushedAt":9,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":14,"starSnapshotCount":14,"syncStatus":15,"lastSyncTime":32,"discoverSource":33},10077,"FrontEndGitHub","FrontEndGitHub\u002FFrontEndGitHub",":octocat:GitHub最全的前端资源汇总仓库（包括前端学习、开发资源、数据结构与算法、开发工具、求职面试等）","https:\u002F\u002Fgithub.com\u002Fbiaochenxuying",null,6572,973,121,70,0,2,15,6,39.97,"MIT License",false,"main",true,[24,25,26,27,28],"frontend","frontend-map","javascript","react","vue","2026-06-12 02:02:16","\n\u003Cdiv align=\"center\">\n\n![FrontEndGitHub](.\u002Fimages\u002FFrontEndGitHubLogo.png)\n\n\u003C\u002Fdiv>\n\n\n> **专注于挖掘优秀的前端开源项目，抹平你的前端信息不对称，涵盖 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS 等。**\n\n> 猫哥的技术博客地址：https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog\n\n\n\u003Cdiv align=\"center\">\n\n![](https:\u002F\u002Fupload-images.jianshu.io\u002Fupload_images\u002F12890819-61e533eb9988f8b1.gif?imageMogr2\u002Fauto-orient\u002Fstrip)\n\n\u003C\u002Fdiv>\n\n## 简介\n\n\n初级前端与高级前端之间，很大原因就是投入学习前端的时间、经验的差别，其实就是信息差。\n\n如果有一个地方能又快又好的获得这些优质的前端信息，那么将会大大缩短从初级到高级的时间。\n\n基于这个初衷，于是就诞生了这个仓库，能帮助前端开发人员节省时间的仓库！\n\n本项目专注于挖掘 GitHub 上优秀的前端开源项目，并以专题的形式推荐，每专题大概 10 个好项目，每周会有一到三篇精华文章推送。\n\n已经推荐了 面试项目、css奇技淫巧项目、代码规范项目、数据结构与算法项目、管理后台模板、前端必备在线工具 等专题的近 200 个优秀项目了。\n\n希望你在浏览、学习了超级猫推荐的这些开源项目的过程中，你能学习到更多编程知识、提高编程技巧、找到编程的乐趣。\n\n平时如何发现好的开源项目，可以看看这篇文章：[GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目](https:\u002F\u002Fmp.weixin.qq.com\u002Fs\u002F98P-ARrYlkmog8i79zX6Og)。\n\n\n> 欢迎关注微信公众号 “**[前端GitHub](https:\u002F\u002Fupload-images.jianshu.io\u002Fupload_images\u002F12890819-9a13b43f4feb8f84.png?imageMogr2\u002Fauto-orient\u002Fstrip%7CimageView2\u002F2\u002Fw\u002F1240)**”\n\n原创文章都在公众号首发，比博客早一到两篇。\n\n\n\u003Cdiv align=\"center\">\n\n![](https:\u002F\u002Fupload-images.jianshu.io\u002Fupload_images\u002F12890819-6fd605f528682683.gif?imageMogr2\u002Fauto-orient\u002Fstrip)\n\n\u003C\u002Fdiv>\n\n\n\u003C!-- \u003Cdiv align=\"center\">\n\n![FrontEndGitHub](.\u002Fimages\u002FFrontEndGitHub.png)\n\n\u003C\u002Fdiv> -->\n\n## 目录\n\n- [简介](#简介)\n- [目录](#目录)\n- [文章与项目](#文章与项目)\n  - [软技能](#软技能)\n  - [前端趋势榜](#前端趋势榜)\n  - [Vue3](#vue3)\n  - [Vue 源码解密](#vue-源码解密)\n  - [React 源码解密](#react-源码解密)\n  - [面试专题](#面试专题)\n  - [简历专题](#简历专题)\n  - [JavaScript](#javascript)\n  - [Flutter](#flutter)\n  - [TypeScript](#typescript)\n  - [前端必备在线工具](#前端必备在线工具)\n  - [计算机内功秘籍](#计算机内功秘籍)\n  - [在线的代码转图片](#在线的代码转图片)\n  - [管理后台 admin](#管理后台-admin)\n  - [逼格满满的 PPT](#逼格满满的-ppt)\n  - [数据结构与算法](#数据结构与算法)\n  - [CSS 学习专题](#css-学习专题)\n  - [Node.js](#nodejs)\n  - [小程序](#小程序)\n  - [前端监控](#前端监控)\n  - [接口文档管理](#接口文档管理)\n  - [前端的代码规范](#前端的代码规范)\n  - [程序员必备仓库](#程序员必备仓库)\n  - [拓展程序员技术与视野的国外网站](#拓展程序员技术与视野的国外网站)\n  - [设计规范](#设计规范)\n  - [可视化](#可视化)\n  - [代码生成器](#代码生成器)\n  - [下载全网视频](#下载全网视频)\n  - [酷炫的极客界面](#酷炫的极客界面)\n  - [抠图神器](#抠图神器)\n  - [在线绘图](#在线绘图)\n  - [颜色搭配](#颜色搭配)\n  - [开发思想](#开发思想)\n  - [技术社区](#技术社区)\n  - [博客团队](#博客团队)\n  - [GitHub 统计](#github-统计)\n  - [前端大会](#前端大会)\n  - [打包工具](#打包工具)\n  - [代码托管平台](#代码托管平台)\n  - [调试抓包](#调试抓包)\n  - [开发工具](#开发工具)\n  - [录屏工具](#录屏工具)\n  - [买房实用指南](#买房实用指南)\n  - [优质的前端博客](#优质的前端博客)\n  - [图标](#图标)\n  - [色彩](#色彩)\n  - [插画](#插画)\n  - [图片](#图片)\n  - [设计工具](#设计工具)\n  - [WEB 技术清单](#web-技术清单)\n  - [学习资源](#学习资源)\n- [推荐项目](#推荐项目)\n- [服务器](#服务器)\n- [撩我](#撩我)\n\n\n## 文章与项目\n\n\n### 软技能\n\n- [**自从掌握了Google和百度的 16 个高级搜索技巧，我再也没有解决不了的 bug 了**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F11)\n- [**恕我直言，你可能连 GitHub 搜索都不会用 - 如何精准搜索的神仙技巧**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F4)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| GitHub 官方文档：使用、搜索、管理开源项目 | [https:\u002F\u002Fdocs.github.com\u002Fcn](https:\u002F\u002Fdocs.github.com\u002Fcn) |\n\n[⬆️ 返回顶部](#目录)\n\n### 前端趋势榜\n\n![](https:\u002F\u002Fupload-images.jianshu.io\u002Fupload_images\u002F12890819-2471aef65143c005.png?imageMogr2\u002Fauto-orient\u002Fstrip%7CimageView2\u002F2\u002Fw\u002F1240)\n\n- [**影响了一代代前端人的 20 个里程碑式的顶级开源项目！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F45)\n- [**1534K Star！排名前十的 10 大前端顶级开源项目！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F43)\n- [**猛增 110K Star！年增长数最多的 10 大顶级前端学习资源项目！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F37)\n- [**前端最流行的 10 大顶级开源项目！猛增 174K Star！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F39)\n- [**前端月趋势榜：5 月最热门的 20 个前端开源项目 - 又增加了那么多个好的开源项目！ - 2105**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F50)\n- [**前端月趋势榜：4 月最热门的 20 个前端开源项目 - 又增加了那么多个好的开源项目！- 2104**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F46)\n- [**Web 趋势榜：上周最有意思、最热门的 10 大 Web 项目 - 210625**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F51)\n- [**Web 趋势榜：上周最热门的 10 大 Web 项目 - 210410**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F42)\n- [**前端趋势榜：上周最热门的 10 大前端项目 - 210327**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F38)\n- 精彩待续。。。\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### Vue3\n\n\n- [**推荐 10 个好用的 Vue3 的开源项目，开发效率又能提升了👍 **](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F57)\n- [**Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F18)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Vue3 中文文档 | [https:\u002F\u002Fvue3js.cn\u002Fdocs\u002Fzh\u002F](https:\u002F\u002Fvue3js.cn\u002Fdocs\u002Fzh\u002F) |\n| Vue3 设计理念 | [https:\u002F\u002Fvue3js.cn\u002Fvue-composition\u002F](https:\u002F\u002Fvue3js.cn\u002Fvue-composition\u002F) |\n| Vue3 相关项目聚合网站 | [https:\u002F\u002Fvue3js.cn\u002F](https:\u002F\u002Fvue3js.cn\u002F) |\n| Vue3 源码 | [https:\u002F\u002Fvue3js.cn\u002Fstart\u002F](https:\u002F\u002Fvue3js.cn\u002Fstart\u002F) |\n| Ant-design-vue | [https:\u002F\u002Fantdv.com\u002Fdocs\u002Fvue\u002Fintroduce-cn\u002F](https:\u002F\u002Fantdv.com\u002Fdocs\u002Fvue\u002Fintroduce-cn\u002F) |\n| Vant 3.0 | [https:\u002F\u002Fvant-contrib.gitee.io\u002Fvant\u002Fv3\u002F](https:\u002F\u002Fvant-contrib.gitee.io\u002Fvant\u002Fv3\u002F) |\n| Element-plus | [https:\u002F\u002Felement-plus.org\u002F#\u002Fzh-CN](https:\u002F\u002Felement-plus.org\u002F#\u002Fzh-CN) |\n| element 3 | [https:\u002F\u002Fgithub.com\u002Fhug-sun\u002Felement3](https:\u002F\u002Fgithub.com\u002Fhug-sun\u002Felement3) |\n| vue-vben-admin | [https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvue-vben-admin](https:\u002F\u002Fgithub.com\u002Fanncwb\u002Fvue-vben-admin) |\n| vue-admin-beautiful | [https:\u002F\u002Fgithub.com\u002Fchuzhixin\u002Fvue-admin-beautiful](https:\u002F\u002Fgithub.com\u002Fchuzhixin\u002Fvue-admin-beautiful) |\n| vue-cli  | [https:\u002F\u002Fgithub.com\u002FWscats\u002Fvue-cli](https:\u002F\u002Fgithub.com\u002FWscats\u002Fvue-cli) |\n| movie-trailer  | [https:\u002F\u002Fgithub.com\u002Flhz960904\u002Fmovie-trailer](https:\u002F\u002Fgithub.com\u002Flhz960904\u002Fmovie-trailer) |\n| newbee-mall-vue3-app  | [https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue3-app](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue3-app) |\n| vue3-jd-h5  | [https:\u002F\u002Fgithub.com\u002FGitHubGanKai\u002Fvue3-jd-h5](https:\u002F\u002Fgithub.com\u002FGitHubGanKai\u002Fvue3-jd-h5) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### Vue 源码解密\n\n\n- [**推荐 7 个 Vue2、Vue3 源码解密分析的开源项目 👍**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F35)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| vue-analysis：Vue.js 源码分析 | [https:\u002F\u002Fgithub.com\u002Fustbhuangyi\u002Fvue-analysis](https:\u002F\u002Fgithub.com\u002Fustbhuangyi\u002Fvue-analysis) |\n| vue-design：逐行级别的分析 | [http:\u002F\u002Fhcysun.me\u002Fvue-design\u002Fzh\u002F](http:\u002F\u002Fhcysun.me\u002Fvue-design\u002Fzh\u002F) |\n| vue-family-mindmap：用一张思维导图总结了 Vue | Vue-Router | Vuex 源码与架构要点 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fvue-family-mindmap](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fvue-family-mindmap) |\n| learnVue：Vue.js 源码分析 | [https:\u002F\u002Fgithub.com\u002Fanswershuto\u002FlearnVue](https:\u002F\u002Fgithub.com\u002Fanswershuto\u002FlearnVue) |\n| vue：Vue 源码逐行注释分析 | [https:\u002F\u002Fgithub.com\u002Fqq281113270\u002Fvue](https:\u002F\u002Fgithub.com\u002Fqq281113270\u002Fvue) |\n| vue2.0-source：Vue 源码分析 | [https:\u002F\u002Fgithub.com\u002Fliutao\u002Fvue2.0-source](https:\u002F\u002Fgithub.com\u002Fliutao\u002Fvue2.0-source) |\n| Vue3 源码：Vue3 源码系列 | [https:\u002F\u002Fvue3js.cn\u002Fstart\u002F](https:\u002F\u002Fvue3js.cn\u002Fstart\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### React 源码解密\n\n\n- [**推荐 12 个好用的 React 的开源项目，开发效率又能提升了👍**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F58)\n- [**推荐一个 React 技术揭秘的项目，自顶向下的 React 源码分析**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F34)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| just-react：严谨、易懂的 React 源码分析教程 | [https:\u002F\u002Fgithub.com\u002FBetaSu\u002Fjust-react](https:\u002F\u002Fgithub.com\u002FBetaSu\u002Fjust-react) |\n\n[⬆️ 返回顶部](#目录)\n\n\n### 面试专题\n\n- [**推荐这 10 个 GitHub 上超火的前端面试项目，打造自己的加薪宝库！**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F6)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Front-end-Developer-Questions：前端面试题 | [https:\u002F\u002Fh5bp.org\u002FFront-end-Developer-Interview-Questions\u002F](https:\u002F\u002Fh5bp.org\u002FFront-end-Developer-Interview-Questions\u002F) |\n| javascript-questions：JavaScript 进阶问题列表 | [https:\u002F\u002Fgithub.com\u002Flydiahallie\u002Fjavascript-questions](https:\u002F\u002Fgithub.com\u002Flydiahallie\u002Fjavascript-questions) |\n| Daily-Question：每天一道大厂面经推送 | [https:\u002F\u002Fgithub.com\u002Fshfshanyue\u002FDaily-Question](https:\u002F\u002Fgithub.com\u002Fshfshanyue\u002FDaily-Question) |\n| CS-Interview-Knowledge-Map：一线大厂面试题 | [https:\u002F\u002Fgithub.com\u002FInterviewMap\u002FCS-Interview-Knowledge-Map](https:\u002F\u002Fgithub.com\u002FInterviewMap\u002FCS-Interview-Knowledge-Map) |\n| Daily-Interview-Question：每天搞定一道前端大厂面试题 | [https:\u002F\u002Fgithub.com\u002FAdvanced-Frontend\u002FDaily-Interview-Question](https:\u002F\u002Fgithub.com\u002FAdvanced-Frontend\u002FDaily-Interview-Question) |\n| fe-interview：前端面试的一个复习汇总项目 | [https:\u002F\u002Flucifer.ren\u002Ffe-interview](https:\u002F\u002Flucifer.ren\u002Ffe-interview) |\n| fe-interview：前端面试专题 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog\u002Fblob\u002Fmaster\u002Finterview\u002Ffe-interview.md](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog\u002Fblob\u002Fmaster\u002Finterview\u002Ffe-interview.md) |\n| fe-interview：前端知识题库 | [https:\u002F\u002Fgithub.com\u002Fhaizlin\u002Ffe-interview](https:\u002F\u002Fgithub.com\u002Fhaizlin\u002Ffe-interview) |\n| node-interview：饿了么大前端的面试 | [https:\u002F\u002Fgithub.com\u002FElemeFE\u002Fnode-interview\u002Ftree\u002Fmaster\u002Fsections\u002Fzh-cn](https:\u002F\u002Fgithub.com\u002FElemeFE\u002Fnode-interview\u002Ftree\u002Fmaster\u002Fsections\u002Fzh-cn) |\n| Front-End-Interview-Notebook：前端复习笔记 | [https:\u002F\u002Fgithub.com\u002FCavsZhouyou\u002FFront-End-Interview-Notebook](https:\u002F\u002Fgithub.com\u002FCavsZhouyou\u002FFront-End-Interview-Notebook) |\n| FE-Interview：前端面试必备题库  | [https:\u002F\u002Fgithub.com\u002Flgwebdream\u002FFE-Interview](https:\u002F\u002Fgithub.com\u002Flgwebdream\u002FFE-Interview) |\n| web-interview：Vue 面试题库  | [https:\u002F\u002Fgithub.com\u002Ffebobo\u002Fweb-interview](https:\u002F\u002Fgithub.com\u002Ffebobo\u002Fweb-interview) |\n\n[⬆️ 返回顶部](#目录)\n\n### 简历专题\n\n- [**10 个 GitHub 上最火的程序员简历项目，2021 金三银四必备！**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F15)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| ResumeSample：程序员简历模板系列 | [https:\u002F\u002Fgithub.com\u002Fgeekcompany\u002FResumeSample](https:\u002F\u002Fgithub.com\u002Fgeekcompany\u002FResumeSample) |\n| Markdown-Resume：用 markdown 语法来写的简历模版，非常简结通用 | [https:\u002F\u002Fgithub.com\u002FCyC2018\u002FMarkdown-Resume](https:\u002F\u002Fgithub.com\u002FCyC2018\u002FMarkdown-Resume) |\n| awesome-resume：程序员简历例句，程序员简历范例 | [https:\u002F\u002Fgithub.com\u002Fresumejob\u002Fawesome-resume](https:\u002F\u002Fgithub.com\u002Fresumejob\u002Fawesome-resume) |\n| DeerResume：好用的 MarkDown 在线简历工具，可在线预览、编辑、设置访问密码和生成 PDF | [https:\u002F\u002Fgithub.com\u002Fgeekcompany\u002FDeerResume](https:\u002F\u002Fgithub.com\u002Fgeekcompany\u002FDeerResume) |\n| markdown-resume：在线简历排版工具，支持切换 4 种模版、自定义和导出功能 | [https:\u002F\u002Fgithub.com\u002Fmdnice\u002Fmarkdown-resume](https:\u002F\u002Fgithub.com\u002Fmdnice\u002Fmarkdown-resume) |\n| best-resume-ever：快速生成漂亮简历的工具，它基于 Vue 和 LESS | [https:\u002F\u002Fgithub.com\u002Fsalomonelli\u002Fbest-resume-ever](https:\u002F\u002Fgithub.com\u002Fsalomonelli\u002Fbest-resume-ever) |\n| awesome-resume-for-chinese：适合中文的简历模板收集 | [https:\u002F\u002Fgithub.com\u002Fdyweb\u002Fawesome-resume-for-chinese](https:\u002F\u002Fgithub.com\u002Fdyweb\u002Fawesome-resume-for-chinese) |\n| resume：一份优雅简约的简历 | [https:\u002F\u002Fgithub.com\u002Fgwuhaolin\u002Fresume](https:\u002F\u002Fgithub.com\u002Fgwuhaolin\u002Fresume) |\n| biaochenxuying：非常自由的自定义的前端程序员模版 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog\u002Fblob\u002Fmaster\u002Fresume\u002Fresume.md](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog\u002Fblob\u002Fmaster\u002Fresume\u002Fresume.md) |\n| github-readme-stats：在你的 README 中获取动态生成的 GitHub 统计信息 | [https:\u002F\u002Fgithub.com\u002Fanuraghazra\u002Fgithub-readme-stats](https:\u002F\u002Fgithub.com\u002Fanuraghazra\u002Fgithub-readme-stats) |\n\n[⬆️ 返回顶部](#目录)\n\n### JavaScript\n\n- [**12 个 GitHub 上超火的 JavaScript 奇技淫巧项目，找到写 JavaScript 的灵感！**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F14)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| 30-seconds-of-code：简短代码段，经常会用到而且是非常经典的代码 | [https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-of-code](https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-of-code) |\n| 33-js-concepts：JavaScript开发者应懂的 33 个概念 | [https:\u002F\u002Fgithub.com\u002Fleonardomso\u002F33-js-concepts](https:\u002F\u002Fgithub.com\u002Fleonardomso\u002F33-js-concepts) |\n| javascript-questions：JavaScript 进阶问题列表 | [https:\u002F\u002Fgithub.com\u002Flydiahallie\u002Fjavascript-questions](https:\u002F\u002Fgithub.com\u002Flydiahallie\u002Fjavascript-questions) |\n| JavaScript 30：使用原生 JavaScript 在 30 天内完成 30 个项目 | [https:\u002F\u002Fgithub.com\u002Fwesbos\u002FJavaScript30](https:\u002F\u002Fgithub.com\u002Fwesbos\u002FJavaScript30) |\n| Codewars：和 leetcode 有点类似，也是在平台上和其他人一起完成真实的代码挑战，提升你的技术 | [https:\u002F\u002Fwww.codewars.com\u002F](https:\u002F\u002Fwww.codewars.com\u002F) |\n| ES6 入门教程：开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性 | [https:\u002F\u002Fes6.ruanyifeng.com\u002F](https:\u002F\u002Fes6.ruanyifeng.com\u002F) |\n| JavaScript 教程：全面介绍 JavaScript 核心语法，覆盖了 ES5 和 DOM 规范的所有内容 | [https:\u002F\u002Fwangdoc.com\u002Fjavascript\u002F](https:\u002F\u002Fwangdoc.com\u002Fjavascript\u002F) |\n| 现代 JavaScript 教程：以最新的 JavaScript 标准为基准。从基础到高阶的 JavaScript 相关知识 | [https:\u002F\u002Fzh.javascript.info\u002F](https:\u002F\u002Fzh.javascript.info\u002F) |\n| MDN：提供开放网络(Open Web)技术有关的信息,包括用于网站和渐进式网络应用的 HTML、CSS 和 API | [https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002F](https:\u002F\u002Fdeveloper.mozilla.org\u002Fzh-CN\u002F) |\n| clean-code-javascript：优秀的 JS 代码规范 | [https:\u002F\u002Fgithub.com\u002Fryanmcdermott\u002Fclean-code-javascript](https:\u002F\u002Fgithub.com\u002Fryanmcdermott\u002Fclean-code-javascript) |\n| TypeScript 入门教程：从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript | [https:\u002F\u002Fts.xcatliu.com](https:\u002F\u002Fts.xcatliu.com) |\n| w3school：前端必须知道的 Web 技术教程平台 | [https:\u002F\u002Fwww.w3school.com.cn\u002Fjs\u002Findex.asp](https:\u002F\u002Fwww.w3school.com.cn\u002Fjs\u002Findex.asp) |\n| 详细学习 JavaScript - Scaler 主题 | [https:\u002F\u002Fwww.scaler.com\u002Ftopics\u002Fjavascript\u002F](https:\u002F\u002Fwww.scaler.com\u002Ftopics\u002Fjavascript\u002F) |\n| three.js：JavaScript编辑3D模型，各种各样炫酷的效果以及Documentation值得你去了解[three.js](https:\u002F\u002Fthreejs.org\u002F) | [three.js](https:\u002F\u002Fthreejs.org\u002F)](https:\u002F\u002Fthreejs.org\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### Flutter\n\n- [**推荐 4 个基于 Flutter 的重磅高仿开源项目**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F25)\n- 精彩待续。。。\n\n| 网站 | 说明 |\n| --- | --- |\n| [dy_flutter](https:\u002F\u002Fgithub.com\u002Fyukilzw\u002Fdy_flutter) | 斗鱼 APP |\n| [flutter_tiktok](https:\u002F\u002Fgithub.com\u002Fmjl0602\u002Fflutter_tiktok) | 精仿抖音 |\n| [flutter-osc](https:\u002F\u002Fgithub.com\u002Fyubo725\u002Fflutter-osc) | 开源中国客户端 |\n| [FlutterDouBan](https:\u002F\u002Fgithub.com\u002Fkaina404\u002FFlutterDouBan) | 豆瓣客户端 |\n\n\n[⬆️ 返回顶部](#目录)\n\n### TypeScript\n\n- [**推荐 7 个学习 TypeScript 的宝库，2021 是时候给自己加薪了！**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F17)\n- [**JS 加强篇！推荐 10 个好用的 TypeScript 的开源项目 YYDS 👍 **](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F59)\n- 精彩待续。。。\n\n| 网站 | 说明 |\n| --- | --- |\n| [TypeScript](https:\u002F\u002Fgithub.com\u002Fmicrosoft\u002FTypeScript) | TypeScript 官网，TS 扩展了 JavaScript ，为它添加了类型支持 |\n| [typescript-tutorial](https:\u002F\u002Fgithub.com\u002Fxcatliu\u002Ftypescript-tutorial) | TypeScript 入门教程，循序渐进的理解 TypeScript |\n| [TypeScript](https:\u002F\u002Fgithub.com\u002Fzhongsp\u002FTypeScript) | TypeScript 使用手册 |\n| [typescript-book-chinese](https:\u002F\u002Fgithub.com\u002Fjkchao\u002Ftypescript-book-chinese) | 深入理解 TypeScript |\n| [clean-code-typescript](https:\u002F\u002Fgithub.com\u002Flabs42io\u002Fclean-code-typescript) |适用于TypeScript的简洁代码概念 |\n| [TypeScript入门](http:\u002F\u002Fwww.imooc.com\u002Flearn\u002F763) | TypeScript 入门的视频教程 |\n| [typescript-tutorial](https:\u002F\u002Fgithub.com\u002Fjoye61\u002Ftypescript-tutorial) | TypeScript 速成教程（2小时速成） |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 前端必备在线工具\n\n- [**白嫖 11 个超火的前端必备在线工具，终于有时间上班摸鱼了**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F9)\n- [**推荐 12 个学习前端必备的神仙级工具类项目与网站**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F16)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| LightHouse：一个开源的自动化工具，用于改进网络应用的质量 | [https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Flighthouse](https:\u002F\u002Fgithub.com\u002FGoogleChrome\u002Flighthouse) |\n| Can I Use：查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站 | [https:\u002F\u002Fcaniuse.com\u002F](https:\u002F\u002Fcaniuse.com\u002F) |\n| ios font：IOS 字体支持查询和 IOS 系统自带字体查询 | [http:\u002F\u002Fiosfonts.com\u002F](http:\u002F\u002Fiosfonts.com\u002F) |\n| web 安全色：尽量让用户看到色彩相同的网页，请尽量使用 216 色的 web 安全色 | [https:\u002F\u002Fwww.bootcss.com\u002Fp\u002Fwebsafecolors\u002F](https:\u002F\u002Fwww.bootcss.com\u002Fp\u002Fwebsafecolors\u002F) |\n| TinyPNG：PNG\u002FJPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩 | [https:\u002F\u002Ftinypng.com\u002F](https:\u002F\u002Ftinypng.com\u002F) |\n| 二维码生成器：草料二维码生成器 | [https:\u002F\u002Fcli.im\u002F](https:\u002F\u002Fcli.im\u002F) |\n| Shape Divider：定制各种形状的网站分区 SVG 的工具 | [https:\u002F\u002Fwww.shapedivider.app\u002F](https:\u002F\u002Fwww.shapedivider.app\u002F) |\n| json 格式化： json 在线解析的网站 | [http:\u002F\u002Fjson.cn\u002F](http:\u002F\u002Fjson.cn\u002F) |\n| sojson：前端WEB工具大合集 | [https:\u002F\u002Fwww.sojson.com\u002F](https:\u002F\u002Fwww.sojson.com\u002F) |\n| 站长工具：站长的必备工具 | [https:\u002F\u002Ftool.chinaz.com\u002F](https:\u002F\u002Ftool.chinaz.com\u002F) |\n| codelf：变量命名智能推荐（支持中文） | [https:\u002F\u002Funbug.github.io\u002Fcodelf\u002F](https:\u002F\u002Funbug.github.io\u002Fcodelf\u002F) |\n| 印象笔记：Web 前端开发人员提供优质中文文档 | [https:\u002F\u002Fwww.docschina.org](https:\u002F\u002Fwww.docschina.org) |\n| regexr：正则表达式验证匹配 | [https:\u002F\u002Fregexr.com\u002F](https:\u002F\u002Fregexr.com\u002F) |\n| any-rule：正则表达式库，非常全，使用起来很方便 | [https:\u002F\u002Fgithub.com\u002Fany86\u002Fany-rule](https:\u002F\u002Fgithub.com\u002Fany86\u002Fany-rule) |\n| bootcdn：国内的CDN库，速度快 | [www.bootcdn.cn](https:\u002F\u002Fwww.bootcdn.cn\u002F) 或 [cdn.baomitu.com](https:\u002F\u002Fcdn.baomitu.com\u002F) |\n| jsdelivr：国外的 cdn 库，支持 github，npm，WordPress  | [https:\u002F\u002Fwww.jsdelivr.com](https:\u002F\u002Fwww.jsdelivr.com) |\n| gitignore：根据选择会去生成 .gitignore 文件 | [https:\u002F\u002Fwww.gitignore.io\u002F](https:\u002F\u002Fwww.gitignore.io\u002F) |\n| codesandbox：在线编辑代码 | [https:\u002F\u002Fcodesandbox.io\u002F](https:\u002F\u002Fcodesandbox.io\u002F) |\n| typora：实用的 Markdown 写作工具，所见即所得 | [https:\u002F\u002Fwww.typora.io](https:\u002F\u002Fwww.typora.io) |\n| mdnice：使 markdown 语法更加美观，写作工具(强烈推荐) | [https:\u002F\u002Fmdnice.com](https:\u002F\u002Fmdnice.com) |\n| toptal：多张图片合成雪碧图，并生成对应 css | [https:\u002F\u002Fwww.toptal.com\u002Fdevelopers\u002Fcss\u002Fsprite-generator](https:\u002F\u002Fwww.toptal.com\u002Fdevelopers\u002Fcss\u002Fsprite-generator) |\n| tool：众多工具集合，包括时间戳转换，进制转换等 | [https:\u002F\u002Ftool.lu\u002F](https:\u002F\u002Ftool.lu\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 计算机内功秘籍\n\n- [**推荐 7 个 Github 上近 200k Star 的计算机学习资源，练好前端内功的秘籍！**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F20)\n- [**Ｂ站收藏 12.5w+！GitHub 标星 6.6k+！这门神课拯救了我薄弱的计算机基础**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F24)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Crash-Course-Computer-Science-Chinese：计算机科学速成课 | [https:\u002F\u002Fgithub.com\u002F1c7\u002FCrash-Course-Computer-Science-Chinese](https:\u002F\u002Fgithub.com\u002F1c7\u002FCrash-Course-Computer-Science-Chinese) |\n| computer-science：通往计算机科学免费自学教育之路！| [https:\u002F\u002Fgithub.com\u002Fossu\u002Fcomputer-science](https:\u002F\u002Fgithub.com\u002Fossu\u002Fcomputer-science) |\n| CS-Notes：技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++  | [https:\u002F\u002Fgithub.com\u002FCyC2018\u002FCS-Notes](https:\u002F\u002Fgithub.com\u002FCyC2018\u002FCS-Notes) |\n| REKCARC-TSC-UHT：清华大学计算机系课程攻略 | [https:\u002F\u002Fgithub.com\u002FPKUanonym\u002FREKCARC-TSC-UHT](https:\u002F\u002Fgithub.com\u002FPKUanonym\u002FREKCARC-TSC-UHT) |\n| zju-icicles：浙江大学课程攻略共享计划 | [https:\u002F\u002Fgithub.com\u002FQSCTech\u002Fzju-icicles](https:\u002F\u002Fgithub.com\u002FQSCTech\u002Fzju-icicles) |\n| TeachYourselfCS-CN：仅仅依靠自己，你就可以获得世界一流水平的教育 | [https:\u002F\u002Fgithub.com\u002Fkeithnull\u002FTeachYourselfCS-CN](https:\u002F\u002Fgithub.com\u002Fkeithnull\u002FTeachYourselfCS-CN) |\n| CS-Xmind-Note：计算机专业课（408）思维导图和笔记 | [https:\u002F\u002Fgithub.com\u002FSSHeRun\u002FCS-Xmind-Note](https:\u002F\u002Fgithub.com\u002FSSHeRun\u002FCS-Xmind-Note) |\n| awesome-books：160+ 本开源技术类精华电子书，包括 前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fawesome-books](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fawesome-books) |\n\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### 在线的代码转图片\n\n| 项目 | 地址 |\n| --- | --- |\n| Carbon：在线的代码转图片工具 | [https:\u002F\u002Fcarbon.now.sh\u002F](https:\u002F\u002Fcarbon.now.sh\u002F) |\n| glorious.codes：在线的代码转图片工具 | [https:\u002F\u002Fglorious.codes\u002Fdemo](https:\u002F\u002Fglorious.codes\u002Fdemo) |\n| codezen：在线的代码转图片工具 | [http:\u002F\u002Fcodezen.rishimohan.me\u002F](http:\u002F\u002Fcodezen.rishimohan.me\u002F) |\n| codeimg：在线的代码转图片工具 | [https:\u002F\u002Fcodeimg.io\u002F](https:\u002F\u002Fcodeimg.io\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 管理后台 admin\n\n- [**10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了单**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F8)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| vue-Element-Admin：后台前端解决方案，它基于 vue 和 element-ui 实现 | [https:\u002F\u002Fgithub.com\u002FPanJiaChen\u002Fvue-element-admin](https:\u002F\u002Fgithub.com\u002FPanJiaChen\u002Fvue-element-admin) |\n| iview-admin：基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案 | [https:\u002F\u002Fgithub.com\u002Fiview\u002Fiview-admin](https:\u002F\u002Fgithub.com\u002Fiview\u002Fiview-admin) |\n| vue-admin-template：极简的 vue admin 管理后台 | [https:\u002F\u002Fgithub.com\u002FPanJiaChen\u002Fvue-admin-template](https:\u002F\u002Fgithub.com\u002FPanJiaChen\u002Fvue-admin-template) |\n| ant-design-pro：Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端\u002F设计解决方案 | [https:\u002F\u002Fgithub.com\u002Fant-design\u002Fant-design-pro](https:\u002F\u002Fgithub.com\u002Fant-design\u002Fant-design-pro) |\n| ngx-admin：基于Angular 10+ 的可定制管理仪表板模，还拥有 6 个惊人的视觉主题 | [https:\u002F\u002Fgithub.com\u002Fakveo\u002Fngx-admin](https:\u002F\u002Fgithub.com\u002Fakveo\u002Fngx-admin) |\n| vue-admin-beautiful：基于 vue+element-ui 的绝佳的中后台前端开发管理框架 | [https:\u002F\u002Fgithub.com\u002Fchuzhixin\u002Fvue-admin-beautiful](https:\u002F\u002Fgithub.com\u002Fchuzhixin\u002Fvue-admin-beautiful) |\n| vuestic-admin：免费与美妙 Vue.js 管理模板，包括 38 以上个定制用户界面组件 | [https:\u002F\u002Fgithub.com\u002Fepicmaxco\u002Fvuestic-admin](https:\u002F\u002Fgithub.com\u002Fepicmaxco\u002Fvuestic-admin) |\n| antd-admin：一套优秀的中后台前端解决方案 | [https:\u002F\u002Fgithub.com\u002Fzuiidea\u002Fantd-admin](https:\u002F\u002Fgithub.com\u002Fzuiidea\u002Fantd-admin) |\n| eladmin：SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技术开发 | [https:\u002F\u002Fgithub.com\u002Felunez\u002Feladmin](https:\u002F\u002Fgithub.com\u002Felunez\u002Feladmin) |\n| AdminLTE：是一个完全响应的管理模板。基于 Bootstrap 4.5 框架以及 JS \u002F jQuery 插件 | [https:\u002F\u002Fgithub.com\u002Falmasaeed2010\u002FAdminLTE](https:\u002F\u002Fgithub.com\u002Falmasaeed2010\u002FAdminLTE) |\n\n[⬆️ 返回顶部](#目录)\n\n### 逼格满满的 PPT\n\n- [**GitHub 标星 54K + 2K！这才是程序员写逼格满满的 PPT 的正确姿势！**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F10)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| reveal-md：使用 Markdown 来做 PPT 展示的开源项目 | [https:\u002F\u002Fgithub.com\u002Fwebpro\u002Freveal-md](https:\u002F\u002Fgithub.com\u002Fwebpro\u002Freveal-md) |\n| reveal.js：使用 html、markdown 写静态的文本，创建功能齐全且美观的 PPT | [https:\u002F\u002Fgithub.com\u002Fhakimel\u002Freveal.js](https:\u002F\u002Fgithub.com\u002Fhakimel\u002Freveal.js) |\n\n[⬆️ 返回顶部](#目录)\n\n### 数据结构与算法\n\n- [**7 个GitHub上最火的、最值得前端学习的数据结构与算法项目！没有之一**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F2)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| javascript-algorithms：含了多种基于 JavaScript 的算法与数据结构 | [https:\u002F\u002Fgithub.com\u002Ftrekhleb\u002Fjavascript-algorithms](https:\u002F\u002Fgithub.com\u002Ftrekhleb\u002Fjavascript-algorithms) |\n| algorithm-visualizer：算法可视化工具是一个交互式的在线平台，可以从代码中可视化算法 | [https:\u002F\u002Fgithub.com\u002Falgorithm-visualizer\u002Falgorithm-visualizer](https:\u002F\u002Fgithub.com\u002Falgorithm-visualizer\u002Falgorithm-visualizer) |\n| algo：数据结构和算法必知必会的 50 个代码实现 | [https:\u002F\u002Fgithub.com\u002Fwangzheng0822\u002Falgo](https:\u002F\u002Fgithub.com\u002Fwangzheng0822\u002Falgo) |\n| awesome-algorithms：包含不同著名计算机科学算法的 javascript 实现 | [https:\u002F\u002Fgithub.com\u002Fmgechev\u002Fjavascript-algorithms](https:\u002F\u002Fgithub.com\u002Fmgechev\u002Fjavascript-algorithms) |\n| JS-Sorting-Algorithm：关于排序算法的 GitBook 在线书籍 《十大经典排序算法》 | [https:\u002F\u002Fgithub.com\u002Fhustcc\u002FJS-Sorting-Algorithm](https:\u002F\u002Fgithub.com\u002Fhustcc\u002FJS-Sorting-Algorithm) |\n| JavaScript 数据结构与算法之美：包含了 十大经典排序算法 的思想、代码实现、一些例子、复杂度分析、动画 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog#-javascript-%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E4%B8%8E%E7%AE%97%E6%B3%95%E4%B9%8B%E7%BE%8E) |\n| daily-algorithms：算法，每日练习的一个项目 | [https:\u002F\u002Fgithub.com\u002Fbarretlee\u002Fdaily-algorithms](https:\u002F\u002Fgithub.com\u002Fbarretlee\u002Fdaily-algorithms) |\n| JavaScript 更多 ... | [https:\u002F\u002Fgithub.com\u002Fsearch?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories](https:\u002F\u002Fgithub.com\u002Fsearch?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### CSS 学习专题\n\n- [**[10 个 GitHub 上超火的 CSS 技巧项目，找到写 CSS 的灵感！]**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F7)\n- [**[视觉盛宴篇！推荐 12 个好用的 CSS 的开源项目，YYDS 👍 ]**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F62)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| You-need-to-know-css： CSS 的各种效果实现，尤其是动画效果 | [https:\u002F\u002Flhammer.cn\u002FYou-need-to-know-css\u002F#\u002Fzh-cn\u002F](https:\u002F\u002Flhammer.cn\u002FYou-need-to-know-css\u002F#\u002Fzh-cn\u002F) |\n| CSS-Inspiration：找到使用或者是学习 CSS 的灵感 | [https:\u002F\u002Fgithub.com\u002Fchokcoco\u002FCSS-Inspiration](https:\u002F\u002Fgithub.com\u002Fchokcoco\u002FCSS-Inspiration) |\n| css_tricks： 总结了一些常用的 CSS 的新属性和一点奇技淫巧 | [https:\u002F\u002Fgithub.com\u002FQiShaoXuan\u002Fcss_tricks](https:\u002F\u002Fgithub.com\u002FQiShaoXuan\u002Fcss_tricks) |\n| animista： 各种 CSS 实现的效果，还有代码演示，方便直接复制代码 | [http:\u002F\u002Fanimista.net\u002F](http:\u002F\u002Fanimista.net\u002F) |\n| spinkit： 汇集了实现各种加载效果的 CSS 代码片段 | [https:\u002F\u002Ftobiasahlin.com\u002Fspinkit\u002F](https:\u002F\u002Ftobiasahlin.com\u002Fspinkit\u002F) |\n| 十天精通 CSS3： CSS3 教程 | [https:\u002F\u002Fwww.imooc.com\u002Flearn\u002F33](https:\u002F\u002Fwww.imooc.com\u002Flearn\u002F33) |\n| Animate： 有趣的，跨浏览器的 css3 动画库 | [https:\u002F\u002Fanimate.style\u002F](https:\u002F\u002Fanimate.style\u002F) |\n| sass：Sass 是一种 CSS 的预编译语言，Sass 为 CSS 赋予了更强大的功能 | [https:\u002F\u002Fsass.bootcss.com\u002Fdocumentation](https:\u002F\u002Fsass.bootcss.com\u002Fdocumentation) |\n| less：Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性 | [https:\u002F\u002Fless.bootcss.com\u002F](https:\u002F\u002Fless.bootcss.com\u002F) |\n| cssdeck：在线 CSS 前端代码 Demo 样式效果 | [http:\u002F\u002Fcssdeck.com\u002F](http:\u002F\u002Fcssdeck.com\u002F) |\n| codepen：前端炫酷样式效果，各种 loading 效果，在线编程，Vue 组件也特别多 | [https:\u002F\u002Fcodepen.io\u002F](https:\u002F\u002Fcodepen.io\u002F) |\n| cubic-bezier：CSS3 贝塞尔曲线在线调试工具 | [https:\u002F\u002Fcubic-bezier.com\u002F](https:\u002F\u002Fcubic-bezier.com\u002F) |\n| Snapsvg：SVG 动效的 JS 库,各种炫酷的效果。 | [http:\u002F\u002Fsnapsvg.io\u002F](http:\u002F\u002Fsnapsvg.io\u002F) |\n| Cool Backgrounds：超酷的背景图片，渐变的色彩的图片背景都有，看起来很酷。 | [https:\u002F\u002Fcoolbackgrounds.io\u002F](https:\u002F\u002Fcoolbackgrounds.io\u002F) |\n\n\n\n[⬆️ 返回顶部](#目录)\n\n### Node.js\n\n- [**推荐 9 个 Node.js 学习、进阶、debugging 分析、实战 的重磅开源项目 👍**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F47)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| node：最佳的学习资源肯定是 最权威的 Node.js 的官方项目啦。 |  [https:\u002F\u002Fgithub.com\u002Fnodejs\u002Fnode](https:\u002F\u002Fgithub.com\u002Fnodejs\u002Fnode) |\n| node-api-cn：Node.js API 中文文档项目 |  [https:\u002F\u002Fgithub.com\u002Fnodejscn\u002Fnode-api-cn](https:\u002F\u002Fgithub.com\u002Fnodejscn\u002Fnode-api-cn) |\n| node-in-debugging： Node.js 调试指南的项目 |  [https:\u002F\u002Fgithub.com\u002Fnswbmw\u002Fnode-in-debugging](https:\u002F\u002Fgithub.com\u002Fnswbmw\u002Fnode-in-debugging) |\n| nodebestpractices：对Node.js最佳实践中排名最高的内容的总结和分享 |  [https:\u002F\u002Fgithub.com\u002Fgoldbergyoni\u002Fnodebestpractices](https:\u002F\u002Fgithub.com\u002Fgoldbergyoni\u002Fnodebestpractices) |\n| deep-into-node：深入理解 Node.js：核心思想与源码分析 |  [https:\u002F\u002Fgithub.com\u002Fyjhjstz\u002Fdeep-into-node](https:\u002F\u002Fgithub.com\u002Fyjhjstz\u002Fdeep-into-node) |\n| Nodejs-Roadmap：Node.js 服务端所涉及的技术栈 |  [https:\u002F\u002Fgithub.com\u002Fqufei1993\u002FNodejs-Roadmap](https:\u002F\u002Fgithub.com\u002Fqufei1993\u002FNodejs-Roadmap) |\n| NeteaseCloudMusicApi：网易云音乐 Node.js API service |  [https:\u002F\u002Fgithub.com\u002FBinaryify\u002FNeteaseCloudMusicApi](https:\u002F\u002Fgithub.com\u002FBinaryify\u002FNeteaseCloudMusicApi) |\n| node-elm：这是基于 node.js + Mongodb 构建的后台系统 |  [https:\u002F\u002Fgithub.com\u002Fbailicangdu\u002Fnode-elm](https:\u002F\u002Fgithub.com\u002Fbailicangdu\u002Fnode-elm) |\n| awesome-nodejs：Node.js 资源合集 |  [https:\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome-nodejs](https:\u002F\u002Fgithub.com\u002Fsindresorhus\u002Fawesome-nodejs) |\n\n[⬆️ 返回顶部](#目录)\n\n### 小程序\n\n\n| 项目 | 地址 |\n| --- | --- |\n| mpvue：基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系 |  [https:\u002F\u002Fgithub.com\u002FMeituan-Dianping\u002Fmpvue](https:\u002F\u002Fgithub.com\u002FMeituan-Dianping\u002Fmpvue) |\n| wepy：小程序组件化开发框架 |  [https:\u002F\u002Fgithub.com\u002FTencent\u002Fwepy](https:\u002F\u002Fgithub.com\u002FTencent\u002Fwepy) |\n| westore：微信小程序解决方案 - 1KB javascript 覆盖状态管理、跨页通讯、插件开发和云数据库开发 |  [https:\u002F\u002Fgithub.com\u002FTencent\u002Fwestore](https:\u002F\u002Fgithub.com\u002FTencent\u002Fwestore) |\n| ColorUI：鲜亮的高饱和色彩，专注视觉的小程序组件库 |  [https:\u002F\u002Fgithub.com\u002Fweilanwl\u002FColorUI](https:\u002F\u002Fgithub.com\u002Fweilanwl\u002FColorUI) |\n| Gitter：采用 Taro 框架 + Taro UI 进行开发的 demo ， 可能是目前颜值最高的 GitHub 微信小程序客户端 |  [https:\u002F\u002Fgithub.com\u002Fhuangjianke\u002FGitter](https:\u002F\u002Fgithub.com\u002Fhuangjianke\u002FGitter) |\n| Taro：多端统一开发框架，支持用 React 的开发方式编写一次代码 |  [https:\u002F\u002Fgithub.com\u002FNervJS\u002Ftaro](https:\u002F\u002Fgithub.com\u002FNervJS\u002Ftaro) |\n| Painter：小程序生成图片库，轻松通过 json 方式绘制一张可以发到朋友圈的图片 |  [https:\u002F\u002Fgithub.com\u002FKujiale-Mobile\u002FPainter](https:\u002F\u002Fgithub.com\u002FKujiale-Mobile\u002FPainter) |\n| kbone：Web 与小程序同构解决方案，微信官方 |  [https:\u002F\u002Fgithub.com\u002Fwechat-miniprogram\u002Fkbone](https:\u002F\u002Fgithub.com\u002Fwechat-miniprogram\u002Fkbone) |\n\n[⬆️ 返回顶部](#目录)\n\n\n### 前端监控\n\n- [**推荐 GitHub 2K+ 星：前端监控工具 - webfunny 项目！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F41)\n- 精彩待续。。。\n\n| 网站 | 说明 |\n| --- | --- |\n| [前端监控工具 - webfunny 项目](https:\u002F\u002Fgithub.com\u002Fa597873885\u002Fwebfunny_monitor) | 一款轻量级前端异常监控和前端性能监控系统 |\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### 接口文档管理\n\n- [**更强大的开源接口文档管理工具**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F60)\n- 精彩待续。。。\n  \n### 前端的代码规范\n\n- [**恕我直言，这几个大厂的前端代码规范你可能还不会 - 能精进前端的代码规范**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F5)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| 腾讯 |  [http:\u002F\u002Ftgideas.qq.com\u002Fdoc\u002Findex.html](http:\u002F\u002Ftgideas.qq.com\u002Fdoc\u002Findex.html) |\n| 京东 | [https:\u002F\u002Fguide.aotu.io\u002Findex.html](https:\u002F\u002Fguide.aotu.io\u002Findex.html) |\n| airbnb | [https:\u002F\u002Fgithub.com\u002Fairbnb\u002Fjavascript](https:\u002F\u002Fgithub.com\u002Fairbnb\u002Fjavascript) |\n| 百度 | [https:\u002F\u002Fgithub.com\u002Fecomfe\u002Fspec\u002Fblob\u002Fmaster\u002Fjavascript-style-guide.md](https:\u002F\u002Fgithub.com\u002Fecomfe\u002Fspec\u002Fblob\u002Fmaster\u002Fjavascript-style-guide.md) |\n| JavaScript Standard Style | [https:\u002F\u002Fgithub.com\u002Fstandard\u002Fstandard](https:\u002F\u002Fgithub.com\u002Fstandard\u002Fstandard) |\n| Vue | [https:\u002F\u002Fcn.vuejs.org\u002Fv2\u002Fstyle-guide\u002Findex.html](https:\u002F\u002Fcn.vuejs.org\u002Fv2\u002Fstyle-guide\u002Findex.html) |\n| ES6 | [http:\u002F\u002Fes6.ruanyifeng.com\u002F#docs\u002Fstyle](http:\u002F\u002Fes6.ruanyifeng.com\u002F#docs\u002Fstyle) |\n| Bootstrap | [https:\u002F\u002Fcodeguide.bootcss.com\u002F](https:\u002F\u002Fcodeguide.bootcss.com\u002F) |\n| ESLint | [https:\u002F\u002Feslint.org\u002F](https:\u002F\u002Feslint.org\u002F) |\n| Prettier | [https:\u002F\u002Fprettier.io\u002F](https:\u002F\u002Fprettier.io\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 程序员必备仓库\n\n- [**推荐程序员必备的 10 大 GitHub 仓库，前端占了 7 个！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F21)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| build-your-own-x：构建自己想做的应用 |  [https:\u002F\u002Fgithub.com\u002Fdanistefanovic\u002Fbuild-your-own-x](https:\u002F\u002Fgithub.com\u002Fdanistefanovic\u002Fbuild-your-own-x) |\n| javascript-algorithms：多种基于 JavaScript 的算法与数据结构 | [https:\u002F\u002Fgithub.com\u002Ftrekhleb\u002Fjavascript-algorithms](https:\u002F\u002Fgithub.com\u002Ftrekhleb\u002Fjavascript-algorithms) |\n| computer-science：为所有想要学习计算机科学的人提供了大量的免费学习资源 | [https:\u002F\u002Fgithub.com\u002Fossu\u002Fcomputer-science](https:\u002F\u002Fgithub.com\u002Fossu\u002Fcomputer-science) |\n| 30-seconds-of-code：超过 100 个代码段，涵盖了 JavaScript 中的各种内容 | [https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-of-code](https:\u002F\u002Fgithub.com\u002F30-seconds\u002F30-seconds-of-code) |\n| nodebestpractices：Node.js 最佳实践中排名最高的内容的总结和分享 | [https:\u002F\u002Fgithub.com\u002Fgoldbergyoni\u002Fnodebestpractices](https:\u002F\u002Fgithub.com\u002Fgoldbergyoni\u002Fnodebestpractices) |\n| realworld：如何使用特定的语言 \u002F 技术开发适当的应用 | [https:\u002F\u002Fgithub.com\u002Fgothinkster\u002Frealworld](https:\u002F\u002Fgithub.com\u002Fgothinkster\u002Frealworld) |\n| free-programming-books：免费提供编程书籍 | [https:\u002F\u002Fgithub.com\u002FEbookFoundation\u002Ffree-programming-books](https:\u002F\u002Fgithub.com\u002FEbookFoundation\u002Ffree-programming-books) |\n| system-design-primer：学习如何设计大型系统，为系统设计面试做准备 | [https:\u002F\u002Fgithub.com\u002Fdonnemartin\u002Fsystem-design-primer](https:\u002F\u002Fgithub.com\u002Fdonnemartin\u002Fsystem-design-primer) |\n| awesome-python：精选的 Python 框架，库，软件和资源的精选清单 | [https:\u002F\u002Fgithub.com\u002Fvinta\u002Fawesome-python](https:\u002F\u002Fgithub.com\u002Fvinta\u002Fawesome-python) |\n| awesome-machine-learning：精选的很棒的机器学习框架，库和软件的列表 | [https:\u002F\u002Fgithub.com\u002Fjosephmisiti\u002Fawesome-machine-learning](https:\u002F\u002Fgithub.com\u002Fjosephmisiti\u002Fawesome-machine-learning) |\n\n[⬆️ 返回顶部](#目录)\n\n\n### 拓展程序员技术与视野的国外网站\n\n- [**涨姿势了！22 个拓展程序员技术与视野的国外网站！**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F22)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| GitHub：开源项目仓库 |  [https:\u002F\u002Fgithub.com](https:\u002F\u002Fgithub.com) |\n| GitLab：仓库管理系统的开源项目 |  [https:\u002F\u002Fabout.gitlab.com\u002F](https:\u002F\u002Fabout.gitlab.com\u002F) |\n| dev.to：技术博客社区 |  [https:\u002F\u002Fdev.to\u002F](https:\u002F\u002Fdev.to\u002F) |\n| dreamincode：小众的技术博客 |  [https:\u002F\u002Fwww.dreamincode.net](https:\u002F\u002Fwww.dreamincode.net) |\n| bytes：和 dreamcode 类似，简约但不简单 |  [https:\u002F\u002Fbytes.com](https:\u002F\u002Fbytes.com) |\n| hongkiat：技术、设计领域相关的技术文章 |  [https:\u002F\u002Fwww.hongkiat.com\u002Fblog\u002Fdesign-dev](https:\u002F\u002Fwww.hongkiat.com\u002Fblog\u002Fdesign-dev) |\n| IBM Developer：一线工程师，技术性很强的文章 |  [https:\u002F\u002Fdeveloper.ibm.com](https:\u002F\u002Fdeveloper.ibm.com) |\n| StackOverFlow：专为程序员提供的国际性问题解答交流社区 |  [https:\u002F\u002Fstackoverflow.com](https:\u002F\u002Fstackoverflow.com) |\n| Reddit：非常个性的社区，你可以讨论编程问题，还可以学习学英语 |  [https:\u002F\u002Fwww.reddit.com](https:\u002F\u002Fwww.reddit.com) |\n| daniweb：质量比较高的问答平台 |  [https:\u002F\u002Fwww.daniweb.com](https:\u002F\u002Fwww.daniweb.com) |\n| LeetCode：国内的 leetcode 一样都是刷题用的 |  [https:\u002F\u002Fleetcode.com](https:\u002F\u002Fleetcode.com) |\n| LintCode：LintCode 领扣上有数量超过 1000 道的算法题目和人工智能题目 |  [https:\u002F\u002Fwww.lintcode.com](https:\u002F\u002Fwww.lintcode.com) |\n| Codeforces：全球最著名的在线评测系统之一 |  [http:\u002F\u002Fcodeforces.com\u002F](http:\u002F\u002Fcodeforces.com\u002F) |\n| Topcoder：世界上规模最大的编程网站 |  [https:\u002F\u002Fwww.topcoder.com](https:\u002F\u002Fwww.topcoder.com) |\n| tutorialspoint：在线学习的网站，并且免费，里面有各种技术、各个知识点的讲解和demo |  [https:\u002F\u002Fwww.tutorialspoint.com\u002Findex.htm](https:\u002F\u002Fwww.tutorialspoint.com\u002Findex.htm) |\n| codecademy：简化编程学习的过程 |  [https:\u002F\u002Fwww.codecademy.com](https:\u002F\u002Fwww.codecademy.com) |\n| Livecoding.tv：为全球程序员提供一个实时高效的互动平台 |  [https:\u002F\u002Fwww.livecoding.tv\u002Faccounts\u002Flogin\u002F](https:\u002F\u002Fwww.livecoding.tv\u002Faccounts\u002Flogin\u002F) |\n| Dzone：技术涵盖比较全面的网站 |  [https:\u002F\u002Fdzone.com](https:\u002F\u002Fdzone.com) |\n| simpleprogrammer：纯技术文章不多，指导建议性的文章比较多 |  [https:\u002F\u002Fsimpleprogrammer.com\u002F](https:\u002F\u002Fsimpleprogrammer.com\u002F) |\n| SitePoint：学习 Web 设计和开发 HTML5，CSS3，JavaScript，PHP，移动应用 |  [https:\u002F\u002Fwww.sitepoint.com\u002Fweb](https:\u002F\u002Fwww.sitepoint.com\u002Fweb) |\n| YouTobe：国内的哔哩哔哩一样，各类视频汇聚于此，当然各国编程大神也在这啦 |  [https:\u002F\u002Fwww.youtube.com\u002F](https:\u002F\u002Fwww.youtube.com\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 设计规范\n\n\n| 项目 | 地址 |\n| --- | --- |\n| iPhone各设备屏幕尺寸 |  [https:\u002F\u002Fwww.paintcodeapp.com\u002Fnews\u002Fultimate-guide-to-iphone-resolutions](https:\u002F\u002Fwww.paintcodeapp.com\u002Fnews\u002Fultimate-guide-to-iphone-resolutions) |\n| 移动屏幕尺寸设计规范 |  [http:\u002F\u002Fscreensiz.es\u002Fphone](http:\u002F\u002Fscreensiz.es\u002Fphone) |\n| 微信官方小程序UI样式库 |  [https:\u002F\u002Fweui.io\u002F](https:\u002F\u002Fweui.io\u002F) |\n| 各大尺寸设备响应式屏幕效果显示 |  [http:\u002F\u002Fwww.responsinator.com\u002F](http:\u002F\u002Fwww.responsinator.com\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 可视化\n\n- [**推荐 brick design全场景可视化拖拽低代码前端框架**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F49)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| brick-design：全场景可视化拖拽低代码前端框架 |  [https:\u002F\u002Fgithub.com\u002Fbrick-design\u002Fbrick-design](https:\u002F\u002Fgithub.com\u002Fbrick-design\u002Fbrick-design) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 代码生成器\n\n- [**GitHub 2W 星：一键生成前后端代码**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F29)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| jeecg-boot：一键生成前后端代码 |  [https:\u002F\u002Fgithub.com\u002Fzhangdaiscott\u002Fjeecg-boot](https:\u002F\u002Fgithub.com\u002Fzhangdaiscott\u002Fjeecg-boot) |\n\n\n[⬆️ 返回顶部](#目录)\n### 下载全网视频\n\n- [**GitHub 5W 星：一行命令下载全网视频的两个开源项目**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F30)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| you-get：一行命令下载全网视频 |  [https:\u002F\u002Fgithub.com\u002Fsoimort\u002Fyou-get](https:\u002F\u002Fgithub.com\u002Fsoimort\u002Fyou-get) |\n| annie：一行命令下载全网视频 |  [https:\u002F\u002Fgithub.com\u002Fiawia002\u002Fannie](https:\u002F\u002Fgithub.com\u002Fiawia002\u002Fannie) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 酷炫的极客界面\n\n- [**被惊艳到了！适用 Win、Mac、Linux，酷炫的极客界面 eDEX-UI**](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F26)\n- [**程序员最想要的高逼格，都藏在这个开源项目里了！**](https:\u002F\u002Fgithub.com\u002Frocksdanister\u002Flively)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| eDEX-UI：酷炫的极客界面 |  [https:\u002F\u002Fgithub.com\u002FGitSquared\u002Fedex-ui](https:\u002F\u002Fgithub.com\u002FGitSquared\u002Fedex-ui) |\n| lively：拉高程序员电脑桌面逼格 |  [http:\u002F\u002Fscreensiz.es\u002Fphone](http:\u002F\u002Fscreensiz.es\u002Fphone) |\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### 抠图神器\n\n\n| 项目 | 地址 |\n| --- | --- |\n| removebg | [https:\u002F\u002Fwww.remove.bg\u002Fzh](https:\u002F\u002Fwww.remove.bg\u002Fzh) |\n| 在线 ps-uupoop | [https:\u002F\u002Fwww.uupoop.com\u002F](https:\u002F\u002Fwww.uupoop.com\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 在线绘图\n\n\n| 项目 | 地址 |\n| --- | --- |\n| ProcessOn | [https:\u002F\u002Fwww.processon.com\u002F](https:\u002F\u002Fwww.processon.com\u002F) |\n| draw.io | [https:\u002F\u002Fwww.draw.io\u002F](https:\u002F\u002Fwww.draw.io\u002F) |\n| excalidraw | [https:\u002F\u002Fexcalidraw.com\u002F](https:\u002F\u002Fexcalidraw.com\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### 颜色搭配\n\n| 项目 | 地址 |\n| --- | --- |\n| 中科院色谱的中国传统色 | [http:\u002F\u002Fzhongguose.com\u002F#yuhong](http:\u002F\u002Fzhongguose.com\u002F#yuhong) |\n| 在线快速配色生成工具 | [https:\u002F\u002Fcoolors.co\u002F](https:\u002F\u002Fcoolors.co\u002F) |\n| 每天更新一组简洁舒服的配色方案 | [https:\u002F\u002Fcolorhunt.co\u002F](https:\u002F\u002Fcolorhunt.co\u002F) |\n| MaterialDesign强大的在线配色 | [https:\u002F\u002Fwww.materialpalette.com\u002Fblue\u002Fpurple](https:\u002F\u002Fwww.materialpalette.com\u002Fblue\u002Fpurple) |\n| 通过网址获取分析网站配色 | [http:\u002F\u002Fwebcolourdata.com\u002F](http:\u002F\u002Fwebcolourdata.com\u002F) |\n| 炫酷多边形背景色块生成 | [https:\u002F\u002Ftrianglify.io\u002F](https:\u002F\u002Ftrianglify.io\u002F) |\n| 色彩搜索引擎 | [https:\u002F\u002Fpicular.co\u002F](https:\u002F\u002Fpicular.co\u002F) |\n| 流行的网格渐变背景免费下载 | [https:\u002F\u002Fwebgradients.com\u002F](https:\u002F\u002Fwebgradients.com\u002F) |\n| 上传并匹配提取图片风格的颜色 | [http:\u002F\u002Fwww.colorfavs.com\u002F](http:\u002F\u002Fwww.colorfavs.com\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 开发思想\n\n- [**Github标星1.6W+，程序员不得不知的“潜规则”又火了，早知道就不会秃头了**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F3)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| hacker-laws：最常见的定律、原则等 | [https:\u002F\u002Fgithub.com\u002Fnusr\u002Fhacker-laws-zh](https:\u002F\u002Fgithub.com\u002Fnusr\u002Fhacker-laws-zh) |\n\n[⬆️ 返回顶部](#目录)\n\n### 技术社区\n\n\n| 项目 | 地址 |\n| --- | --- |\n| GitHub：高质量的内容创作和分享平台 | [https:\u002F\u002Fgithub.com\u002F](https:\u002F\u002Fgithub.com\u002F) |\n| stackoverflow：一个回答技术问题的网站 | [https:\u002F\u002Fstackoverflow.com\u002F](https:\u002F\u002Fstackoverflow.com\u002F) |\n| 掘金：目前来看，国内的很多优质前端文章，都在掘金上 | [https:\u002F\u002Fjuejin.cn\u002F](https:\u002F\u002Fjuejin.cn\u002F) |\n| 博客园：一个很纯粹的技术博客平台 | [https:\u002F\u002Fwww.cnblogs.com\u002F](https:\u002F\u002Fwww.cnblogs.com\u002F) |\n| 知乎：很多做技术的同学也开始玩知乎了，阿里的不少前端大牛在知乎上就非常活跃 | [https:\u002F\u002Fwww.zhihu.com\u002F](https:\u002F\u002Fwww.zhihu.com\u002F) |\n| segmentfault：比较低调的技术博客平台 | [https:\u002F\u002Fsegmentfault.com\u002F](https:\u002F\u002Fsegmentfault.com\u002F) |\n| CSDN：广告太多，但奈何你这么老牌 | [https:\u002F\u002Fwww.csdn.net\u002F](https:\u002F\u002Fwww.csdn.net\u002F) |\n| v2ex：一个关于分享和探索的地方 | [https:\u002F\u002Fwww.v2ex.com\u002F](https:\u002F\u002Fwww.v2ex.com\u002F) |\n| Node.js专业中文社区 | [https:\u002F\u002Fwww.jstips.co\u002F](https:\u002F\u002Fwww.jstips.co\u002F) |\n| JS技巧：每天推出一个JS技巧的网站 | [http:\u002F\u002Fcnodejs.org\u002F](http:\u002F\u002Fcnodejs.org\u002F) |\n| W3cplus：是一个致力于推广国内前端行业的技术博客 | [https:\u002F\u002Fwww.w3cplus.com\u002F](https:\u002F\u002Fwww.w3cplus.com\u002F) |\n| Scaler Topics: 编程语言学习平台 | [https:\u002F\u002Fwww.scaler.com\u002Ftopics\u002F](https:\u002F\u002Fwww.scaler.com\u002Ftopics\u002F) |\n| 印记中文：是最权威是技术中文文档社区 | [https:\u002F\u002Fdocschina.org\u002F](https:\u002F\u002Fdocschina.org\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 博客团队\n\n\n| 项目 | 地址 |\n| --- | --- |\n| 腾讯AlloyTeam | [http:\u002F\u002Fwww.alloyteam.com\u002F](http:\u002F\u002Fwww.alloyteam.com\u002F) |\n| 腾讯社交用户体验ISUX | [https:\u002F\u002Fisux.tencent.com\u002F](https:\u002F\u002Fisux.tencent.com\u002F) |\n| 淘系前端团队 | [https:\u002F\u002Ffed.taobao.org\u002F](https:\u002F\u002Ffed.taobao.org\u002F) |\n| 阿里巴巴国际UED | [http:\u002F\u002Fwww.aliued.com\u002F](http:\u002F\u002Fwww.aliued.com\u002F) |\n| 京东 凹凸实验室 | [https:\u002F\u002Faotu.io\u002F](https:\u002F\u002Faotu.io\u002F) |\n| 饿了么前端 | [https:\u002F\u002Fzhuanlan.zhihu.com\u002FElemeFE](https:\u002F\u002Fzhuanlan.zhihu.com\u002FElemeFE) |\n| 百度前端研发部FEX | [http:\u002F\u002Ffex.baidu.com\u002F](http:\u002F\u002Ffex.baidu.com\u002F) |\n| 360 奇舞团 | [https:\u002F\u002F75team.com\u002F](https:\u002F\u002F75team.com\u002F) |\n| 美团技术团队 | [https:\u002F\u002Ftech.meituan.com\u002F](https:\u002F\u002Ftech.meituan.com\u002F) |\n| 夜尽天明 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog) |\n\n[⬆️ 返回顶部](#目录)\n\n### GitHub 统计\n\n\n| 项目 | 地址 |\n| --- | --- |\n| GitHub 全球排名：这个排名很权威 | [https:\u002F\u002Fgitstar-ranking.com\u002F](https:\u002F\u002Fgitstar-ranking.com\u002F) |\n| GitHub 中文排行榜、高分优秀中文项目 | [https:\u002F\u002Fgithub.com\u002Fkon9chunkit\u002FGitHub-Chinese-Top-Charts](https:\u002F\u002Fgithub.com\u002Fkon9chunkit\u002FGitHub-Chinese-Top-Charts) |\n\n[⬆️ 返回顶部](#目录)\n\n### 前端大会\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Vue.js 开发者大会：Vue.js 开发者大会中国 | [https:\u002F\u002Ffequan.com\u002F](https:\u002F\u002Ffequan.com\u002F) |\n| 中国 JS 开发者大会：一场专注于 JavaScript 和 Node.js 技术的国际性大会 | [https:\u002F\u002Fjsconfchina.com\u002F](https:\u002F\u002Fjsconfchina.com\u002F) |\n| 中国 CSS 开发者大会：提高 css 开发姿势的大会 | [https:\u002F\u002Fcss.w3ctech.com\u002F](https:\u002F\u002Fcss.w3ctech.com\u002F) |\n| D2 前端技术论坛：阿里巴巴举办，分享技术的乐趣，探讨行业的发展 | [http:\u002F\u002Fd2forum.alibaba-inc.com\u002F](http:\u002F\u002Fd2forum.alibaba-inc.com\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 打包工具\n\n\n| 项目 | 地址 |\n| --- | --- |\n| NPM | [https:\u002F\u002Fwww.npmjs.com\u002F](https:\u002F\u002Fwww.npmjs.com\u002F) |\n| Yarn | [https:\u002F\u002Fyarnpkg.com\u002Fzh-Hans\u002F](https:\u002F\u002Fyarnpkg.com\u002Fzh-Hans\u002F) |\n| Webpack | [https:\u002F\u002Fwebpack.js.org\u002F](https:\u002F\u002Fwebpack.js.org\u002F) |\n| Gulp | [https:\u002F\u002Fwww.gulpjs.com.cn\u002F](https:\u002F\u002Fwww.gulpjs.com.cn\u002F) |\n| Babel | [https:\u002F\u002Fbabeljs.io\u002F](https:\u002F\u002Fbabeljs.io\u002F) |\n| ESLint：可组装的 JavaScript 和 JSX 检查工具 | [https:\u002F\u002Fcn.eslint.org\u002F](https:\u002F\u002Fcn.eslint.org\u002F) |\n| PostCSS：用 JavaScript 工具和插件转换 CSS 代码的工具 | [https:\u002F\u002Fwww.postcss.com.cn\u002F](https:\u002F\u002Fwww.postcss.com.cn\u002F) |\n| rollup: 打包 npm 库 | [https:\u002F\u002Fgithub.com\u002Frollup\u002Frollup](https:\u002F\u002Fgithub.com\u002Frollup\u002Frollup) |\n| parcel: 和 webpack 类似的打包工具 | [https:\u002F\u002Fgithub.com\u002Fparcel-bundler\u002Fparcel](https:\u002F\u002Fgithub.com\u002Fparcel-bundler\u002Fparcel) |\n| systemjs：针对一些特殊场景会比较有用，比如云 ide，支付宝小程序 IDE 等 | [https:\u002F\u002Fgithub.com\u002Fsystemjs\u002Fsystemjs](https:\u002F\u002Fgithub.com\u002Fsystemjs\u002Fsystemjs) |\n| microbundle：基于 rollup，简化配置 | [https:\u002F\u002Fgithub.com\u002Fdevelopit\u002Fmicrobundle](https:\u002F\u002Fgithub.com\u002Fdevelopit\u002Fmicrobundle) |\n| bili：基于 rollup，同上 | [https:\u002F\u002Fgithub.com\u002Fegoist\u002Fbili](https:\u002F\u002Fgithub.com\u002Fegoist\u002Fbili) |\n| vue-cli：vue 命令行工具 | [https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-cli](https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvue-cli) |\n| create-react-app：react 官方脚手架 | [https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fcreate-react-app) |\n| prepack：通过预先执行的方式优化打包结果 | [https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fprepack](https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fprepack) |\n| swc：基于 rust 的语法转换器，babel 的竞争者 | [https:\u002F\u002Fgithub.com\u002Fswc-project\u002Fswc](https:\u002F\u002Fgithub.com\u002Fswc-project\u002Fswc) |\n| nathan\u002Fpax：基于 rust，据说是这个星球最快的 JavaScript 打包工具 | [https:\u002F\u002Fgithub.com\u002Fnathan\u002Fpax](https:\u002F\u002Fgithub.com\u002Fnathan\u002Fpax) |\n| pikapkg\u002Fweb： 浏览器里跑 npm 依赖，面向现代浏览器 | [https:\u002F\u002Fgithub.com\u002Fpikapkg\u002Fweb](https:\u002F\u002Fgithub.com\u002Fpikapkg\u002Fweb) |\n| lebab\u002Flebab：把 es5 代码转成 es6，反向 babel | [https:\u002F\u002Fgithub.com\u002Flebab\u002Flebab](https:\u002F\u002Fgithub.com\u002Flebab\u002Flebab) |\n| snowpack：现代Web的更快打包工具系统 | [https:\u002F\u002Fgithub.com\u002Fpikapkg\u002Fsnowpack](https:\u002F\u002Fgithub.com\u002Fpikapkg\u002Fsnowpack) |\n\n\n\n[⬆️ 返回顶部](#目录)\n\n### 代码托管平台\n\n| 项目 | 地址 |\n| --- | --- |\n| coding：代码托管平台| [https:\u002F\u002Fcoding.net\u002F](https:\u002F\u002Fcoding.net\u002F) |\n| 码云：代码托管平台 | [https:\u002F\u002Fgitee.com\u002F](https:\u002F\u002Fgitee.com\u002F) |\n| github：代码托管平台 | [https:\u002F\u002Fgithub.com\u002F](https:\u002F\u002Fgithub.com\u002F) |\n| SVN：代码托管平台 | [https:\u002F\u002Fsvnbucket.com\u002F?ADTAG=bdss#\u002F](https:\u002F\u002Fsvnbucket.com\u002F?ADTAG=bdss#\u002F) |\n| SVN：代码托管中心 | [http:\u002F\u002Fwww.svnchina.com\u002F](http:\u002F\u002Fwww.svnchina.com\u002F) |\n| git：官网 | [https:\u002F\u002Fgit-scm.com\u002F](https:\u002F\u002Fgit-scm.com\u002F) |\n| 阿里云 | [https:\u002F\u002Fwww.aliyun.com](https:\u002F\u002Fwww.aliyun.com\u002F) |\n| 腾讯云 | [https:\u002F\u002Fcloud.tencent.com\u002F](https:\u002F\u002Fcloud.tencent.com\u002F) |\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### 调试抓包\n\n\n| 项目 | 地址 |\n| --- | --- |\n| whistle：代理抓包工具，很好很强大 | [https:\u002F\u002Fwproxy.org\u002Fwhistle\u002F](https:\u002F\u002Fwproxy.org\u002Fwhistle\u002F) |\n| Easy Mock | [https:\u002F\u002Fwww.easy-mock.com](https:\u002F\u002Fwww.easy-mock.com\u002F) |\n| Fiddler：代理抓包工具 | [https:\u002F\u002Fwww.telerik.com\u002Ffiddler](https:\u002F\u002Fwww.telerik.com\u002Ffiddler) |\n\n[⬆️ 返回顶部](#目录)\n\n### 开发工具\n\n- [**推荐 12 个提升程序员软技能与效率的必备工具，爱了爱了 👍**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F48)\n- 精彩待续。。。\n  \n\n| 项目 | 地址 |\n| --- | --- |\n| VS Code | [https:\u002F\u002Fcode.visualstudio.com\u002F](https:\u002F\u002Fcode.visualstudio.com\u002F) |\n| Sublime Text | [https:\u002F\u002Fwww.sublimetext.com\u002F](https:\u002F\u002Fwww.sublimetext.com\u002F) |\n| WebStorm | [https:\u002F\u002Fwww.jetbrains.com\u002Fwebstorm\u002F](https:\u002F\u002Fwww.jetbrains.com\u002Fwebstorm\u002F) |\n| Atom | [https:\u002F\u002Fatom.io\u002F](https:\u002F\u002Fatom.io\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 录屏工具\n\n- [推荐 GitHub 上很火的录屏工具，秒杀 33 种同行工具](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F31)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| screenity | [https:\u002F\u002Fgithub.com\u002Falyssaxuu\u002Fscreenity](https:\u002F\u002Fgithub.com\u002Falyssaxuu\u002Fscreenity) |\n\n[⬆️ 返回顶部](#目录)\n\n\n### 买房实用指南\n\n- [推荐 2 个 Github 上超火的程序员买房必备实用指南！](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fissues\u002F32)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| hangzhou_house_knowledge: 杭州 | [https:\u002F\u002Fgithub.com\u002Fhoushanren\u002Fhangzhou_house_knowledge](https:\u002F\u002Fgithub.com\u002Fhoushanren\u002Fhangzhou_house_knowledge) |\n| hangzhou_house_knowledge：上海 | [https:\u002F\u002Fgithub.com\u002Fayuer\u002Fshanghai_house_knowledge](https:\u002F\u002Fgithub.com\u002Fayuer\u002Fshanghai_house_knowledge) |\n\n\n[⬆️ 返回顶部](#目录)\n\n\n### 优质的前端博客\n\n\n| 公众号 | 作者 | 微信 | 地址 | 简介 |\n| --- | --- | --- | --- | --- |\n| 全栈修炼 | 夜尽天明 | CB834301747 | [https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fblog) | 分享大前端开发相关的技术文章，热点资源，全栈程序员的成长之路 |\n| 前端下午茶 | SHERlocked93 | qianyu443033099 | [https:\u002F\u002Fgithub.com\u002FSHERlocked93\u002Fblog](https:\u002F\u002Fgithub.com\u002FSHERlocked93\u002Fblog) | 分享前端相关的技术博客、精选文章，期待在这里和大家一起进步！ |\n| 前端UpUp | 天天 | DayDay2021 | [https:\u002F\u002Fgithub.com\u002Fdaydaylee1227\u002Fleetcode-Algorithms](https:\u002F\u002Fgithub.com\u002Fdaydaylee1227\u002Fleetcode-Algorithms) | leetcode算法相关的，从0到1刷leetcode。 |\n| 前端从进阶到入院 | ssh | sshsunlight | [https:\u002F\u002Fgithub.com\u002Fsl1673495\u002Fblogs](https:\u002F\u002Fgithub.com\u002Fsl1673495\u002Fblogs) | 📖全网 100w+ 阅读量的进阶前端技术博客仓库，Vue 源码解析，React 深度实践，TypeScript 进阶艺术，工程化，性能优化实践…… |\n| iCSS前端趣闻 | Coco | coco1s | [https:\u002F\u002Fgithub.com\u002Fchokcoco\u002FiCSS](https:\u002F\u002Fgithub.com\u002Fchokcoco\u002FiCSS) | 9300+ Stars 的 CSS 仓库，各种 CSS 奇技淫巧，在这里，都有。 |\n| 若川视野 | 若川 | ruochuan12 | [https:\u002F\u002Fgithub.com\u002Flxchuan12\u002Fblog](https:\u002F\u002Fgithub.com\u002Flxchuan12\u002Fblog) | 学习源码整体架构系列多篇，前端面试高频源码 |\n| 前端布道师 | 苏南 | su-south | [https:\u002F\u002Fgithub.com\u002Fmeibin08\u002Fcomics-program-life](https:\u002F\u002Fgithub.com\u002Fmeibin08\u002Fcomics-program-life) | 一个用漫画演绎程序员日常轶事、分享前端前沿技术、大厂面经与干货的公众号，号主是个爱画画的前端切图崽，热爱代码的同时，也希望用漫画的形式让更多了解程序员。 |\n| 秋风的笔记 | 秋风 | qiufengblue | [https:\u002F\u002Fgithub.com\u002Fhua1995116\u002Fvuepress-blog](https:\u002F\u002Fgithub.com\u002Fhua1995116\u002Fvuepress-blog) | 分享工程化、开源知识、有趣的前端知识。 |\n| 前端食堂 | 童欧巴 | hungryturbo | [https:\u002F\u002Fgithub.com\u002FGeekhyt\u002Ffront-end-canteen](https:\u002F\u002Fgithub.com\u002FGeekhyt\u002Ffront-end-canteen) | 你的前端食堂，吃好每一顿饭🍥 |\n| 深圳湾码农 | Rock | ruanxiongbiao | [https:\u002F\u002Fgithub.com\u002Fqappleh\u002FInterview](https:\u002F\u002Fgithub.com\u002Fqappleh\u002FInterview) | 分享BAT大厂面试题，每天攻破一道题，带你从0到1系统构建web全栈完整的知识体系！ |\n| 进击的大前端 | 蒋鹏飞 | ffx313 | [https:\u002F\u002Fgithub.com\u002Fdennis-jiang\u002FFront-End-Knowledges](https:\u002F\u002Fgithub.com\u002Fdennis-jiang\u002FFront-End-Knowledges) | 成体系的前端进阶知识 |\n| 小鹿动画学编程 | 小鹿 | lxq17853556107 | [https:\u002F\u002Fgithub.com\u002Fluxiangqiang\u002FBlog](https:\u002F\u002Fgithub.com\u002Fluxiangqiang\u002FBlog) | 全Github唯一动画仓库，用动画的形式把前端技术讲的淋漓尽致！也包括自己整理的前端面试和进阶文章分享，欢迎关注哦！ |\n| 编程如画 | 大鹏 | aaron875499765 | [https:\u002F\u002Fgithub.com\u002Fguanpengchn\u002Fblog](https:\u002F\u002Fgithub.com\u002Fguanpengchn\u002Fblog) | 全网最特别的画解算法，mdnice作者官方博客 |\n| 前端思维框架 | ViktorHub | viktorhub | [https:\u002F\u002Fgithub.com\u002FViktorWong\u002Fmy-docs](https:\u002F\u002Fgithub.com\u002FViktorWong\u002Fmy-docs) | 建设Web全栈数字图书馆，揭秘Web全栈架构师，打造个人核心竞争力。 |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 图标\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Font Awesome：网站开发最流行的图标集 | [http:\u002F\u002Fwww.fontawesome.com.cn\u002F](http:\u002F\u002Fwww.fontawesome.com.cn\u002F) |\n| Feather：简洁美观的开源图标 | [https:\u002F\u002Ffeathericons.com\u002F](https:\u002F\u002Ffeathericons.com\u002F) |\n| Ionicons：精心绘制的开源图标 | [https:\u002F\u002Fionicons.com\u002F](https:\u002F\u002Fionicons.com\u002F) |\n| Simple Icons：常见品牌的 SVG 图标：轻快、精美的符号图标，包括常见操作和事项 | [https:\u002F\u002Fsimpleicons.org\u002F](https:\u002F\u002Fsimpleicons.org\u002F) |\n| Material Design Icons | [https:\u002F\u002Fmaterial.io\u002Fresources\u002Ficons\u002F](https:\u002F\u002Fmaterial.io\u002Fresources\u002Ficons\u002F) |\n| Tabler Icons：3500+ 枚可定制的开源 SVG 图标 | [https:\u002F\u002Ftabler-icons.io\u002F](https:\u002F\u002Ftabler-icons.io\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 色彩\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Material Design Colors | [https:\u002F\u002Fwww.materialui.co\u002Fcolors](https:\u002F\u002Fwww.materialui.co\u002Fcolors) |\n| Flat UI Colors：14 组配色、280 种颜色 | [https:\u002F\u002Fflatuicolors.com\u002F](https:\u002F\u002Fflatuicolors.com\u002F) |\n| Color Hunt：分享色彩搭配的自由开放平台，包括成千上万人工选取的配色，可以从中获取配色的灵感 | [https:\u002F\u002Fcolorhunt.co\u002F](https:\u002F\u002Fcolorhunt.co\u002F) |\n| Color Space：配色方案、CSS 颜色渐变生成工具 | [https:\u002F\u002Fmycolor.space\u002F](https:\u002F\u002Fmycolor.space\u002F) |\n| uiGradients：美观的颜色渐变 | [http:\u002F\u002Fwww.uigradients.com\u002F](http:\u002F\u002Fwww.uigradients.com\u002F) |\n| Colors and Fonts：色彩和字体工具 | [https:\u002F\u002Fcolorsandfonts.com\u002F](https:\u002F\u002Fcolorsandfonts.com\u002F) |\n| Coolors：配色方案生成工具 | [https:\u002F\u002Fcoolors.co\u002F](https:\u002F\u002Fcoolors.co\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 插画\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Undraw：持续更新的精美的 SV\bG 插画集 | [https:\u002F\u002Fundraw.co\u002Fillustrations](https:\u002F\u002Fundraw.co\u002Fillustrations) |\n| manypixels：免费插画集 | [https:\u002F\u002Fgallery.manypixels.co\u002F](https:\u002F\u002Fgallery.manypixels.co\u002F) |\n| IRA Design：通过调配渐变色、搭配手绘组件定制插画 | [https:\u002F\u002Firadesign.io\u002Fgallery\u002Fillustrations](https:\u002F\u002Firadesign.io\u002Fgallery\u002Fillustrations) |\n| Free Illustrations by Lukasz Adam：免费 SVG 插画 | [https:\u002F\u002Flukaszadam.com\u002Fillustrations](https:\u002F\u002Flukaszadam.com\u002Fillustrations) |\n| Blobmaker：在线 SVG 形状生成器 | [https:\u002F\u002Fwww.blobmaker.app\u002F](https:\u002F\u002Fwww.blobmaker.app\u002F) |\n| Get Waves：在线 SVG 波形生成器 | [https:\u002F\u002Fgetwaves.io\u002F](https:\u002F\u002Fgetwaves.io\u002F) |\n\n[⬆️ 返回顶部](#目录)\n\n### 图片\n\n\n\n| 项目 | 地址 |\n| --- | --- |\n| Unsplash：可供免费使用的图片 | [https:\u002F\u002Funsplash.com\u002F](https:\u002F\u002Funsplash.com\u002F) |\n| Pexels：精美的免费图片和视频 | [https:\u002F\u002Fwww.pexels.com\u002F](https:\u002F\u002Fwww.pexels.com\u002F) |\n| Burst：免费高分辨率图片，可用于网站和商业用途 | [https:\u002F\u002Fburst.shopify.com\u002F](https:\u002F\u002Fburst.shopify.com\u002F) |\n| ISO Republic：使用 CC0 许可的免费高分辨率图片和视频 | [https:\u002F\u002Fisorepublic.com\u002F](https:\u002F\u002Fisorepublic.com\u002F) |\n| Pixabay：令人惊叹的免费（公共领域）图片和视频站点 | [https:\u002F\u002Fpixabay.com\u002F](https:\u002F\u002Fpixabay.com\u002F) |\n| StockSnap：精美的免费图片，同样使用 CC0 许可 | [https:\u002F\u002Fstocksnap.io\u002F](https:\u002F\u002Fstocksnap.io\u002F) |\n| Photopea：在线图片编辑工具，支持大量高级功能 | [https:\u002F\u002Fwww.photopea.com\u002F](https:\u002F\u002Fwww.photopea.com\u002F) |\n| Online Image Compressor：在线图片压缩工具，一次可以压缩多达 20 张图片 | [https:\u002F\u002Fimagecompressor.com\u002F](https:\u002F\u002Fimagecompressor.com\u002F) |\n| Bulk Resize Photos：最快的在线图片缩放工具（图片缩放和压缩在本地完成，无需上传到服务器 | [https:\u002F\u002Fbulkresizephotos.com\u002Fen](https:\u002F\u002Fbulkresizephotos.com\u002Fen) |\n\n[⬆️ 返回顶部](#目录)\n\n### 设计工具\n\n\n| 项目 | 地址 |\n| --- | --- |\n| 墨刀：原型设计工具 | [https:\u002F\u002Fmodao.cc\u002F](https:\u002F\u002Fmodao.cc\u002F) |\n| 蓝湖：一款产品文档和设计图的在线协作平台 | [https:\u002F\u002Flanhuapp.com](https:\u002F\u002Flanhuapp.com) |\n| PxCook（像素大厨）：高效易用的自动标注工具 | [https:\u002F\u002Fwww.fancynode.com.cn\u002Fpxcook](https:\u002F\u002Fwww.fancynode.com.cn\u002Fpxcook) |\n\n[⬆️ 返回顶部](#目录)\n\n### WEB 技术清单\n\n- [**2020-WEB开发路线图，和即将到来的 2021-WEB技术清单**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002FFrontEndGitHub\u002Fissues\u002F1)\n- 精彩待续。。。\n\n\n| 项目 | 地址 |\n| --- | --- |\n| developer-roadmap：开发人员路线图，循序渐进的指南和路径，以学习不同的工具或技术 | [https:\u002F\u002Fgithub.com\u002Fkamranahmedse\u002Fdeveloper-roadmap](https:\u002F\u002Fgithub.com\u002Fkamranahmedse\u002Fdeveloper-roadmap) |\n| developer-roadmap：中文地址 | [https:\u002F\u002Fgithub.com\u002Fkamranahmedse\u002Fdeveloper-roadmap\u002Fblob\u002Fmaster\u002Ftranslations\u002Fchinese](https:\u002F\u002Fgithub.com\u002Fkamranahmedse\u002Fdeveloper-roadmap\u002Fblob\u002Fmaster\u002Ftranslations\u002Fchinese) |\n\n\n[⬆️ 返回顶部](#目录)\n\n### 学习资源\n\n- [1. **160+ 本技术类常用精华电子书开源了，包括 前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍**](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying\u002Fawesome-books)\n\n\n[⬆️ 返回顶部](#目录)\n\n## 推荐项目\n\n- [大家有什么好的开源项目，可以在这里面推荐哦](https:\u002F\u002Fgithub.com\u002FFrontEndGitHub\u002FFrontEndGitHub\u002Fdiscussions\u002F13)\n\n## 服务器\n\n笔者觉得每个开发者都应该拥有自己的网站和服务器，这可是很酷的事情，学习 Linux、跑跑脚本、建站、搭博客啥的都行啊。\n\n因为笔者就有自己的服务器，而且有两台了，用于平时的学习，还搭建了自己的网站。\n\n有不少读者问过我，为什么我学的那么快的呢 ？ 怎么在一年内学了那么知识的...\n\n其实也没什么秘决，就是平时有自己的服务器了，就爱折腾，学到的知识能很快得到验证，所以学起来兴致高一点。\n\n特别是大三和大四的学生、刚入门的初级前端，买了服务器，搭建个项目给面试官看也香，对找工作和面试都加分，还可以熟悉技术栈。\n\n想学得快，就得有自己的服务器来折腾才行。\n\n**阿里云、腾讯云、华为云** 都有，低于 1 折、79\u002F年 或者 68\u002F年，比学生机还便宜，复制下面链接购买就是最优惠\n\n- 阿里云: [https:\u002F\u002Fwww.【加上】aliyun.com\u002Fminisite\u002Fgoods?userCode=g6evk7n0](https:\u002F\u002Faliyun.com\u002Fminisite\u002Fgoods?userCode=g6evk7n0)\n- 腾讯云: [https:\u002F\u002Fcurl.qcloud.com\u002FXl0KW4nw](https:\u002F\u002Fcurl.qcloud.com\u002FXl0KW4nw)\n\n\n## 撩我\n\n- [关于猫哥，请点这里](https:\u002F\u002Fgithub.com\u002Fbiaochenxuying)\n\n\n\u003Cdiv align=\"center\">\n\n![](https:\u002F\u002Fupload-images.jianshu.io\u002Fupload_images\u002F12890819-45092d7cc1d40d4e.gif?imageMogr2\u002Fauto-orient\u002Fstrip)\n\n\u003C\u002Fdiv>\n\n| 微信: **CB834301747** | 公众号: **前端GitHub**  |\n| :------: |  :------: |\n| \u003Cdiv align=\"center\" style=\"margin-top: 20px;\"> ![CB834301747](.\u002Fimages\u002FCB834301747.jpeg) \u003C\u002Fdiv> | \u003Cdiv align=\"center\"> ![FrontEndGitHub](.\u002Fimages\u002FFrontEndGitHub.png) \u003C\u002Fdiv> |\n\n\n> 欢迎关注微信公众号 “**[前端GitHub](https:\u002F\u002Fupload-images.jianshu.io\u002Fupload_images\u002F12890819-9a13b43f4feb8f84.png?imageMogr2\u002Fauto-orient\u002Fstrip%7CimageView2\u002F2\u002Fw\u002F1240)**”\n\n","FrontEndGitHub 是一个专注于汇总和推荐优秀前端资源的 GitHub 仓库，涵盖了从前端学习、开发资源到数据结构与算法等多个领域。该项目通过专题形式每周推送一到三篇精华文章，每个专题精选约10个优质项目，帮助开发者快速获取前沿技术和工具信息。其内容包括但不限于 JavaScript、Vue、React、Node.js 等主流技术栈的相关资源。适合于希望提高自身技术水平或寻找特定开发工具的前端工程师使用，在减少信息不对称的同时加速个人成长路径。","2026-06-11 03:26:25","top_topic"]