强烈推荐的前端学习资源，先收藏！

今天分享一些个人收藏的前端学习资源，按一下几个维度简单划分了下，有 3D、框架、构建工具等等。由于这些地址都是我个人收藏的，所以带有一些强烈的主观意识，还有很多优秀的网址没有收录进来，会不断更新的，欢迎大家点赞，收藏。

3D

cesium

地址

关于：用于世界级 3D 地球仪和地图的开源 JavaScript 库

推荐理由：3D 实现的各种地球

推荐指数：⭐️⭐️⭐️⭐️⭐️

vanta

地址

关于：为您的网站提供 3D 动画背景

推荐理由：炫酷，特效，简单，自定义

推荐指数：⭐️⭐️⭐️⭐️⭐️

webgl-fundamentals

地址

关于：从基础开始的 WebGL 课程

推荐理由：从入门到放弃

推荐指数：⭐️⭐️⭐️

框架

dioxus | 二恶英

地址

关于：适用于桌面、Web、移动等的全栈 GUI 库。

推荐理由：使用 Rust 编写的全栈开发框架

推荐指数：⭐️⭐️⭐️⭐️⭐️

构建工具

parcel

地址

关于：用于网络的零配置构建工具

推荐理由：性能更快

推荐指数：⭐️⭐️⭐️⭐️⭐️

esbuild

地址

关于：速度极快的网络捆绑器

推荐理由：性能更快

推荐指数：⭐️⭐️⭐️⭐️⭐️

swc

地址

关于：基于 Rust 的 Web 平台

推荐理由：Rust 带来可靠的性能

推荐指数：⭐️⭐️⭐️⭐️⭐️

CSS

You-Dont-Need-JavaScript | 你不需要 JavaScript

地址

关于：CSS 很强大，不需要 JS 也能做很多事情。

推荐理由：有时候，你可能需要挑战下自己，不借助 JS，完成 CSS 的效果

推荐指数：⭐️⭐️⭐️

autoprefixer | 自动前缀器

地址

关于：通过 Can I Use 解析 CSS 并将供应商前缀添加到规则中

推荐理由：完美解决 CSS 前缀问题

推荐指数：⭐️⭐️⭐️⭐️⭐️

daisyui | 黛玉

地址

关于：最流行、免费、开源的 Tailwind CSS 组件库

推荐理由：想找到 Tailwind CSS 写好的组件，选它就对了！

推荐指数：⭐️⭐️⭐️⭐️⭐️

css-protips

地址

关于：一系列技巧，帮助您提升 CSS 技能

推荐理由：实战用的小技巧，或许对你有些帮助

推荐指数：⭐️⭐️⭐️

postcss

地址

关于：使用 JS 插件转换样式

推荐理由：PostCSS 是一个通过 JS 插件转换样式的工具。这些插件可以检查你的 CSS、支持变量和 mixin、转译未来的 CSS 语法、内联图像等等。

推荐指数：⭐️⭐️⭐️⭐️⭐️

UI 库

NES | 像素风

地址

关于：NES 风格的 CSS 框架 | 流行 CSSfure ームワーク

推荐理由：你是否想找寻像素风格的组件库，那就选它就对了

推荐指数：⭐️⭐️⭐️⭐️⭐️

代码质量

prettier

地址

关于：Prettier 是一个固执己见的代码格式化程序。

推荐理由：代码难以阅读？美化它

推荐指数：⭐️⭐️⭐️⭐️⭐️

stylelint

地址

关于：强大的 CSS linter，可以帮助您避免错误并强制执行约定。

推荐理由：没有比它更好的约束 CSS 代码

推荐指数：⭐️⭐️⭐️⭐️⭐️

Airbnb JavaScript Style Guide

地址

关于：JavaScript 风格指南

推荐理由：业界最流行的代码风格

推荐指数：⭐️⭐️⭐️⭐️⭐️

eslint

地址

关于：查找并修复 JavaScript 代码中的问题。

推荐理由：自动修复代码

推荐指数：⭐️⭐️⭐️⭐️⭐️

实用网址

JNPF

https://www.jnpfsoft.com/?infoqxl

JNPF，采用主流的两大技术 Java/.Net 开发，专注低代码开发，基于 Java Boot/.Net Core 构建的简单、跨平台快速开发框架。前后端封装了上千个常用类，方便扩展；集成了代码生成器，支持前后端业务代码生成，实现快速开发，提升工作效率；框架集成了表单、报表、图表、大屏等各种常用的 Demo 方便直接使用；后端框架支持 Vue2、Vue3。

• 主要特点：多端协同操作，100%提供源码，支持多种云环境部署、本地部署。

• 优点：拖拽式的代码生成器，灵活的权限配置、SaaS 服务，强大的接口对接，随心可变的工作流引擎。

• 用例：可一站式搭建：生产管理系统、项目管理系统、进销存管理系统、OA 办公系统、人事财务等等。

Web-Dev-For-Beginners | Web 开发人员入门

地址

关于：12 周 24 节课，Web 开发人员入门

推荐理由：非常适合新手入门

推荐指数：⭐️⭐️⭐️⭐️⭐️

30-seconds-of-code | 30 秒代码

地址

关于：满足您所有开发需求的简短代码片段

推荐理由：只需要 30 秒，基本能覆盖你想要解决的场景问题

推荐指数：⭐️⭐️⭐️⭐️⭐️

Front-End-Performance-Checklist | 前端性能检查表

地址

关于：🎮 唯一比其他运行速度更快的前端性能检查表

推荐理由：想要测试你的网站性能？它是首选

推荐指数：⭐️⭐️⭐️⭐️⭐️

30-Days-Of-React | 30 天学习 React

地址

关于：挑战在 30 天内学习 React 的分步指南

推荐理由：适合新手快速入门 React

推荐指数：⭐️⭐️⭐️⭐️

cdnjs

地址

关于：CDN 资产 - 排名第一的免费开源 CDN，旨在让开发人员的生活更轻松。

推荐理由：排名第一的免费开源 CDN，这含量，你懂的

推荐指数：⭐️⭐️⭐️⭐️⭐️