Frontend Dev Bookmarks 前端开发书签集

一份由社区手工维护的前端开发资源大全，按外观、架构、兼容性、生态、语言与浏览器 API 等主题分类整理，收录大量工具、文章、教程与规范链接，适合作为前端学习与查漏补缺的索引。

过去 7 天收获 1 颗 Star

爱鲜报评分

0.0

0 人评分

开源 · — #Web #前端 #学习路线 #awesome-list #资源集合

48k

星数

否

中文

—

主语言

是

活跃

118

贡献者

人工分析

EDITORIAL

适用场景

前端知识体系梳理与查漏补缺
按主题查找工具、库与学习资料
团队内部技术选型参考
新人制定前端学习路线
面试前快速回顾各领域要点

优点

分类细致，覆盖外观、架构、兼容性、生态等完整维度
社区长期维护，Star 数高，可信度较好
按主题拆分文件，浏览与检索都方便
纯链接索引，不绑定具体技术栈，适用面广

缺点

部分链接可能随时间失效或过时
以英文资源为主，中文资料较少
仅做索引，不提供深入讲解或示例代码
更新节奏依赖维护者，个别分类可能滞后

上手难度入门

项目概览

Frontend Dev Bookmarks 是一份由社区手工维护的前端开发资源清单，把分散在各处的工具、文章、教程、规范与社区信息按主题归档，形成一个可长期查阅的索引。

项目采用「按分类拆分成多个小文件」的组织方式，每个主题一个 Markdown 文件，便于按需浏览；同时也提供把所有资源合并到一页的超大文件，方便全文搜索。

内容分类

清单大致按以下维度组织：

Appearance（外观）：动画、排版、数据可视化
Architecture（架构）：算法、设计模式、事件驱动、函数式编程、FRP
Compatibility（兼容性）：跨浏览器、邮件、键盘、移动端、打印、响应式、无障碍
Ecosystem（生态）：社区、资讯、播客、组织与知名开发者
Languages, Protocols, Browser APIs：CSS、DOM、HTML、HTTP、JavaScript、JSON、SVG、Service Workers、模板引擎、转译语言等

每个分类下再细分子主题，形成「大类 → 小类 → 具体资源」的层级结构。

使用方式

直接在 GitHub 上浏览对应目录下的 Markdown 文件即可，例如：

appearance/animation.md
architecture/design-patterns.md
compatibility/responsive-web-design-rwd.md
languages-protocols-browser-apis/javascript-ecmascript.md

如果希望一次性检索全部资源，可以打开仓库中的超大单页文件；若需要旧版书签，可切换到 v.1.0 标签，但需注意旧版存在较多失效链接。

适合谁

想系统梳理前端知识地图的开发者
需要按主题快速找到工具或资料的工程师
为团队或新人整理学习路线的技术负责人

注意事项

这是一份链接索引而非教程，具体内容需要跳转到对应资源阅读；部分链接可能随时间失效，建议结合项目更新时间判断可用性。

登录后才可评论与评分

去登录注册

0 条评论