国内有什么好的前端学习网站推荐？

好用好玩推荐 作者： 发布：2022-07-28 23:32:52
104 0 0

推荐一个GitHub最全的前端资源汇总仓库

包括前端学习、开发资源、数据结构与算法、开发工具、求职面试等!

前端趋势榜

Vue3

项目 地址
Vue3 中文文档 vue3js.cn/docs/zh/
Vue3 设计理念 vue3js.cn/vue-compositi
Vue3 相关项目聚合网站 vue3js.cn/
Vue3 源码 vue3js.cn/start/
Ant-design-vue antdv.com/docs/vue/intr
Vant 3.0 vant-contrib.gitee.io/v
Element-plus element-plus.org/#
element 3 github.com/hug-sun/elem
vue-vben-admin github.com/anncwb/vue-v
vue-admin-beautiful github.com/chuzhixin/vu
vue-cli github.com/Wscats/vue-c
movie-trailer github.com/lhz960904/mo
newbee-mall-vue3-app github.com/newbee-ltd/n
vue3-jd-h5 github.com/GitHubGanKai

Vue 源码解密

项目 地址
vue-analysis：Vue.js 源码分析 github.com/ustbhuangyi/
vue-design：逐行级别的分析 hcysun.me/vue-design/zh
vue-family-mindmap：用一张思维导图总结了 Vue Vue-Router
learnVue：Vue.js 源码分析 github.com/answershuto/
vue：Vue 源码逐行注释分析 github.com/qq281113270/
vue2.0-source：Vue 源码分析 github.com/liutao/vue2.
Vue3 源码：Vue3 源码系列 vue3js.cn/start/

React 源码解密

项目 地址
just-react：严谨、易懂的 React 源码分析教程 github.com/BetaSu/just-

面试专题

项目 地址
Front-end-Developer-Questions：前端面试题 h5bp.org/Front-end-Deve
javascript-questions：JavaScript 进阶问题列表 github.com/lydiahallie/
Daily-Question：每天一道大厂面经推送 github.com/shfshanyue/D
CS-Interview-Knowledge-Map：一线大厂面试题 github.com/InterviewMap
Daily-Interview-Question：每天搞定一道前端大厂面试题 github.com/Advanced-Fro
fe-interview：前端面试的一个复习汇总项目 lucifer.ren/fe-intervie
fe-interview：前端面试专题 github.com/biaochenxuyi
fe-interview：前端知识题库 github.com/haizlin/fe-i
node-interview：饿了么大前端的面试 github.com/ElemeFE/node
Front-End-Interview-Notebook：前端复习笔记 github.com/CavsZhouyou/
FE-Interview：前端面试必备题库 github.com/lgwebdream/F
web-interview：Vue 面试题库 github.com/febobo/web-i

简历专题

项目 地址
ResumeSample：程序员简历模板系列 github.com/geekcompany/
Markdown-Resume：用 markdown 语法来写的简历模版，非常简结通用 github.com/CyC2018/Mark
awesome-resume：程序员简历例句，程序员简历范例 github.com/resumejob/aw
DeerResume：好用的 MarkDown 在线简历工具，可在线预览、编辑、设置访问密码和生成 PDF github.com/geekcompany/
markdown-resume：在线简历排版工具，支持切换 4 种模版、自定义和导出功能 github.com/mdnice/markd
best-resume-ever：快速生成漂亮简历的工具，它基于 Vue 和 LESS github.com/salomonelli/
awesome-resume-for-chinese：适合中文的简历模板收集 github.com/dyweb/awesom
resume：一份优雅简约的简历 github.com/gwuhaolin/re
biaochenxuying：非常自由的自定义的前端程序员模版 github.com/biaochenxuyi
github-readme-stats：在你的 README 中获取动态生成的 GitHub 统计信息 github.com/anuraghazra/

JavaScript

项目 地址
30-seconds-of-code：简短代码段，经常会用到而且是非常经典的代码 github.com/30-seconds/3
33-js-concepts：JavaScript开发者应懂的 33 个概念 github.com/leonardomso/
javascript-questions：JavaScript 进阶问题列表 github.com/lydiahallie/
JavaScript 30：使用原生 JavaScript 在 30 天内完成 30 个项目 github.com/wesbos/JavaS
Codewars：和 leetcode 有点类似，也是在平台上和其他人一起完成真实的代码挑战，提升你的技术 codewars.com/
ES6 入门教程：开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性 es6.ruanyifeng.com/
JavaScript 教程：全面介绍 JavaScript 核心语法，覆盖了 ES5 和 DOM 规范的所有内容 wangdoc.com/javascript/
现代 JavaScript 教程：以最新的 JavaScript 标准为基准。从基础到高阶的 JavaScript 相关知识 zh.javascript.info/
MDN：提供开放网络(Open Web)技术有关的信息,包括用于网站和渐进式网络应用的 HTML、CSS 和 API developer.mozilla.org/z
clean-code-javascript：优秀的 JS 代码规范 github.com/ryanmcdermot
TypeScript 入门教程：从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript ts.xcatliu.com
w3school：前端必须知道的 Web 技术教程平台 w3school.com.cn/js/inde
three.js：JavaScript编辑3D模型，各种各样炫酷的效果以及Documentation值得你去了解three.js three.js](threejs.org/)

Flutter

网站 说明
dy_flutter 斗鱼 APP
flutter_tiktok 精仿抖音
flutter-osc 开源中国客户端
FlutterDouBan 豆瓣客户端

TypeScript

网站 说明
TypeScript TypeScript 官网，TS 扩展了 JavaScript ，为它添加了类型支持
typescript-tutorial TypeScript 入门教程，循序渐进的理解 TypeScript
TypeScript TypeScript 使用手册
typescript-book-chinese 深入理解 TypeScript
clean-code-typescript 适用于TypeScript的简洁代码概念
TypeScript入门 TypeScript 入门的视频教程
typescript-tutorial TypeScript 速成教程（2小时速成）

前端必备在线工具

项目 地址
LightHouse：一个开源的自动化工具，用于改进网络应用的质量 github.com/GoogleChrome
Can I Use：查询 CSS、Js 在个中流行浏览器钟的特性和兼容性的网站 caniuse.com/
ios font：IOS 字体支持查询和 IOS 系统自带字体查询 iosfonts.com/
web 安全色：尽量让用户看到色彩相同的网页，请尽量使用 216 色的 web 安全色 bootcss.com/p/websafeco
TinyPNG：PNG/JPG 图片在线压缩利器，智能 PNG 和 JPEG 图片压缩 tinypng.com/
二维码生成器：草料二维码生成器 cli.im/
Shape Divider：定制各种形状的网站分区 SVG 的工具 shapedivider.app/
json 格式化： json 在线解析的网站 json.cn/
sojson：前端WEB工具大合集 sojson.com/
站长工具：站长的必备工具 tool.chinaz.com/
codelf：变量命名智能推荐（支持中文） unbug.github.io/codelf/
印象笔记：Web 前端开发人员提供优质中文文档 docschina.org
regexr：正则表达式验证匹配 regexr.com/
any-rule：正则表达式库，非常全，使用起来很方便 github.com/any86/any-ru
bootcdn：国内的CDN库，速度快 bootcdn.cn 或 cdn.baomitu.com
jsdelivr：国外的 cdn 库，支持 github，npm，WordPress jsdelivr.com
gitignore：根据选择会去生成 .gitignore 文件 gitignore.io/
codesandbox：在线编辑代码 codesandbox.io/
typora：实用的 Markdown 写作工具，所见即所得 typora.io
mdnice：使 markdown 语法更加美观，写作工具(强烈推荐) mdnice.com
toptal：多张图片合成雪碧图，并生成对应 css toptal.com/developers/c
tool：众多工具集合，包括时间戳转换，进制转换等 tool.lu/

计算机内功秘籍

项目 地址
Crash-Course-Computer-Science-Chinese：计算机科学速成课 github.com/1c7/Crash-Co
computer-science：通往计算机科学免费自学教育之路！ github.com/ossu/compute
CS-Notes：技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计、Java、Python、C++ github.com/CyC2018/CS-N
REKCARC-TSC-UHT：清华大学计算机系课程攻略 github.com/PKUanonym/RE
zju-icicles：浙江大学课程攻略共享计划 github.com/QSCTech/zju-
TeachYourselfCS-CN：仅仅依靠自己，你就可以获得世界一流水平的教育 github.com/keithnull/Te
CS-Xmind-Note：计算机专业课（408）思维导图和笔记 github.com/SSHeRun/CS-X
awesome-books：160+ 本开源技术类精华电子书，包括 前端、后端、数据结构与算法、计算机基础、设计模式、数据库等书籍 github.com/biaochenxuyi

在线的代码转图片

项目 地址
Carbon：在线的代码转图片工具 carbon.now.sh/
glorious.codes：在线的代码转图片工具 glorious.codes/demo
codezen：在线的代码转图片工具 codezen.rishimohan.me/
codeimg：在线的代码转图片工具 codeimg.io/

管理后台 admin

项目 地址
vue-Element-Admin：后台前端解决方案，它基于 vue 和 element-ui 实现 github.com/PanJiaChen/v
iview-admin：基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案 github.com/iview/iview-
vue-admin-template：极简的 vue admin 管理后台 github.com/PanJiaChen/v
ant-design-pro：Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案 github.com/ant-design/a
ngx-admin：基于Angular 10+ 的可定制管理仪表板模，还拥有 6 个惊人的视觉主题 github.com/akveo/ngx-ad
vue-admin-beautiful：基于 vue+element-ui 的绝佳的中后台前端开发管理框架 github.com/chuzhixin/vu
vuestic-admin：免费与美妙 Vue.js 管理模板，包括 38 以上个定制用户界面组件 github.com/epicmaxco/vu
antd-admin：一套优秀的中后台前端解决方案 github.com/zuiidea/antd
eladmin：SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技术开发 github.com/elunez/eladm
AdminLTE：是一个完全响应的管理模板。基于 Bootstrap 4.5 框架以及 JS / jQuery 插件 github.com/almasaeed201

逼格满满的 PPT

项目 地址
reveal-md：使用 Markdown 来做 PPT 展示的开源项目 github.com/webpro/revea
reveal.js：使用 html、markdown 写静态的文本，创建功能齐全且美观的 PPT github.com/hakimel/reve

数据结构与算法

项目 地址
javascript-algorithms：含了多种基于 JavaScript 的算法与数据结构 github.com/trekhleb/jav
algorithm-visualizer：算法可视化工具是一个交互式的在线平台，可以从代码中可视化算法 github.com/algorithm-vi
algo：数据结构和算法必知必会的 50 个代码实现 github.com/wangzheng082
awesome-algorithms：包含不同著名计算机科学算法的 javascript 实现 github.com/mgechev/java
JS-Sorting-Algorithm：关于排序算法的 GitBook 在线书籍 《十大经典排序算法》 github.com/hustcc/JS-So
JavaScript 数据结构与算法之美：包含了 十大经典排序算法 的思想、代码实现、一些例子、复杂度分析、动画 github.com/biaochenxuyi
daily-algorithms：算法，每日练习的一个项目 github.com/barretlee/da
JavaScript 更多 ... github.com/search?

CSS 学习专题

项目 地址
You-need-to-know-css： CSS 的各种效果实现，尤其是动画效果 lhammer.cn/You-need-to-
CSS-Inspiration：找到使用或者是学习 CSS 的灵感 github.com/chokcoco/CSS
css_tricks： 总结了一些常用的 CSS 的新属性和一点奇技淫巧 github.com/QiShaoXuan/c
animista： 各种 CSS 实现的效果，还有代码演示，方便直接复制代码 animista.net/
spinkit： 汇集了实现各种加载效果的 CSS 代码片段 tobiasahlin.com/spinkit
十天精通 CSS3： CSS3 教程 imooc.com/learn/33
Animate： 有趣的，跨浏览器的 css3 动画库 animate.style/
sass：Sass 是一种 CSS 的预编译语言，Sass 为 CSS 赋予了更强大的功能 sass.bootcss.com/docume
less：Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性 less.bootcss.com/
cssdeck：在线 CSS 前端代码 Demo 样式效果 cssdeck.com/
codepen：前端炫酷样式效果，各种 loading 效果，在线编程，Vue 组件也特别多 codepen.io/
cubic-bezier：CSS3 贝塞尔曲线在线调试工具 cubic-bezier.com/
Snapsvg：SVG 动效的 JS 库,各种炫酷的效果。 snapsvg.io/
Cool Backgrounds：超酷的背景图片，渐变的色彩的图片背景都有，看起来很酷。 coolbackgrounds.io/

文章由：知乎作者：追逐时光者编写

阅读原文 ©版权声明

暂无评论

暂无评论...
版权声明：本文内容由互联网用户自发贡献或者转载，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 210093010@qq.com 举报，一经查实，本站将立刻删除。
文章免费投稿需求：
【1】不允许过度明显的低质量广告。
【2】支持：网站推荐、各类教程。
【3】前往投稿

热门文章

BT磁力网站大全
11.2K
刷新华语剧最大尺度，这是我能免费看的吗？
3.2K
分享几个博主们私藏不告诉你的资源导航网站。
1.6K
豆包又推出了一款强悍的AI产品
1.2K
2024导航“超准”的三款性价比手机
1.1K
不花一分钱学编程：免费在线课程资源精选
1.1K
首页 影音 漫画 资讯
完美导航（www.9eip.com） 是一个综合的资源分享和聚合搜索网站，给您最好的互联网搜索功能和网址收集体验，拥有超强的聚合搜索引擎，精选大量实用的网址，（生活、休闲、办公、影视、工具、资源网址）超贴心的服务，某个网址失效了？找不到？完美导航会第一时间给您找出相关并且发布在失效网址页内和回复您的反馈。

友链申请 免责声明 广告合作 关于我们

合作联系微信

合作联系微信