明天分享一些集体珍藏的前端学习资源，按一下几个维度简略划分了下，有 3D、框架、构建工具等等。因为这些地址都是我集体珍藏的，所以带有一些强烈的主观意识，还有很多优良的网址没有收录进来，会不断更新的，欢送大家点赞，珍藏。
对于库名的翻译问题，因为是机翻，会存在一些问题，还请见谅。
本文首发于微信公众号：家养程序猿江辰
3D
cesium
地址
对于：用于世界级 3D 地球仪和地图的开源 JavaScript 库
举荐理由：3D 实现的各种地球
举荐指数：⭐️⭐️⭐️⭐️⭐️
vanta
地址
对于：为您的网站提供 3D 动画背景
举荐理由：炫酷，特效，简略，自定义
举荐指数：⭐️⭐️⭐️⭐️⭐️
webgl-fundamentals
地址
对于：从根底开始的 WebGL 课程
举荐理由：从入门到放弃
举荐指数：⭐️⭐️⭐️
框架
dioxus | 二恶英
地址
对于：实用于桌面、Web、挪动等的全栈 GUI 库。
举荐理由：应用 Rust 编写的全栈开发框架
举荐指数：⭐️⭐️⭐️⭐️⭐️
构建工具
parcel
地址
对于：用于网络的零配置构建工具
举荐理由：性能更快
举荐指数：⭐️⭐️⭐️⭐️⭐️
esbuild
地址
对于：速度极快的网络捆绑器
举荐理由：性能更快
举荐指数：⭐️⭐️⭐️⭐️⭐️
swc
地址
对于：基于 Rust 的 Web 平台
举荐理由：Rust 带来牢靠的性能
举荐指数：⭐️⭐️⭐️⭐️⭐️
图标
Font-Awesome
地址
对于：标志性的 SVG、字体和 CSS 工具包
举荐理由：字体、SVG、CSS
举荐指数：⭐️⭐️⭐️⭐️⭐️
flag-icons | 旗号图标
地址
对于：SVG 中所有国家国旗的精选汇合 – 以及更容易集成的 CSS
举荐理由：这下找国旗图标，要快捷很多了吧？
举荐指数：⭐️⭐️⭐️⭐️⭐️
tabler-icons | 桌面图标
地址
对于：一组超过 4600 个收费的 MIT 许可的高质量 SVG 图标，供您在 Web 我的项目中应用。
举荐理由：如果有一天 icon-front 无奈应用，领有这么一款开源的 SVG 图库，是否捕捉你的芳心？
举荐指数：⭐️⭐️⭐️⭐️⭐️
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 语法、内联图像等等。
举荐指数：⭐️⭐️⭐️⭐️⭐️
动画
animate.css
地址
对于：跨浏览器的 CSS 动画库。应用起来就像一件简略的事件一样简略。
举荐理由：弱小
举荐指数：⭐️⭐️⭐️⭐️
popmotion | 风行动作
地址
对于：简略的动画库，提供令人愉悦的用户界面
举荐理由：只有大略 4.5kb 的大小，就能满足动画需要
举荐指数：⭐️⭐️⭐️⭐️
barba | 巴尔巴
地址
对于：在您的网站页面之间创立晦涩、晦涩的过渡。
举荐理由：只有大略 7kb 的大小，可帮忙您在网站页面之间创立晦涩且平滑的过渡
举荐指数：⭐️⭐️⭐️⭐️
UI 库
NES | 像素风
地址
对于：NES 格调的 CSS 框架 | 风行 CSSfure ームワーク
举荐理由：你是否想找寻像素格调的组件库，那就选它就对了
举荐指数：⭐️⭐️⭐️⭐️⭐️
代码品质
prettier
地址
对于：Prettier 是一个回心转意的代码格式化程序。
举荐理由：代码难以浏览？丑化它
举荐指数：⭐️⭐️⭐️⭐️⭐️
stylelint
地址
对于：弱小的 CSS linter，能够帮忙您防止谬误并强制执行约定。
举荐理由：没有比它更好的束缚 CSS 代码
举荐指数：⭐️⭐️⭐️⭐️⭐️
Airbnb JavaScript Style Guide
地址
对于：JavaScript 格调指南
举荐理由：业界最风行的代码格调
举荐指数：⭐️⭐️⭐️⭐️⭐️
eslint
地址
对于：查找并修复 JavaScript 代码中的问题。
举荐理由：主动修复代码
举荐指数：⭐️⭐️⭐️⭐️⭐️
lint-staged
地址
对于：在 git 暂存文件上运行 linter
举荐理由：禁止提交不标准代码
举荐指数：⭐️⭐️⭐️⭐️⭐️
实用网址
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，这含量，你懂的
举荐指数：⭐️⭐️⭐️⭐️⭐️
win11React
地址
对于：React 中的 Windows 11
举荐理由：谁敢置信，竟然有人在 Web 界面实现了 Win11
举荐指数：⭐️⭐️⭐️⭐️⭐️
babel-handbook | Babel 手册
地址
对于：对于如何应用 Babel 以及如何为 Babel 创立插件的领导手册。
举荐理由：具体的介绍了对于 Babel 的构建原理和如何编写插件
举荐指数：⭐️⭐️⭐️⭐️⭐️
awesome | 惊人
地址
对于：对于各种乏味主题的精彩列表
举荐理由：只有你想学，从来不缺常识
举荐指数：⭐️⭐️⭐️⭐️⭐️
javascript-algorithms | JavaScript 算法
地址
对于：用 JavaScript 实现的算法和数据结构，并附有解释和进一步浏览的链接
举荐理由：适宜前端开发人员学习的算法教程
举荐指数：⭐️⭐️⭐️⭐️⭐️