文档教程前端【免费下载链接】Web千古前端图文教程超详细的前端入门到进阶知识库。从零开始学前端做一名精致优雅的前端工程师。项目地址https://gitcode.com/gh_mirrors/we/Web点击查看免费下载导读本文基于《千古前端图文教程》资源推荐目录中的 03-前端学习资源推荐 文档系统梳理了一份覆盖前端教程、CSS、JavaScript、TypeScript、Node.js、算法、Vue、单元测试、前端面试、博客与文档规范的全方位学习资源清单。读完本文你将了解每个资源的核心定位与适用阶段并知道如何让这些外部资源与本仓库的图文教程章节形成基础打底 专项进阶 面试冲刺的完整学习闭环从而更有针对性地规划自己的前端学习路线。一、这份清单在知识库中的位置在 17-资源推荐 目录下千古前端图文教程围绕学什么、跟谁学、怎么学提供了五份互为补充的清单01-前端书籍推荐聚焦 JS、CSS、面试、Vue/React 源码、设计模式等方向的经典书籍02-Web前端最新导航收录技术社区、技术博客、GitHub 排名统计与资讯类站点03-前端学习资源推荐本文主体按技术方向组织教程、工具库、算法与面试资源04-前端大佬名单列出值得关注的前端技术大牛及其博客05-前端GitHub项目整理收录高质量的开源项目与每日时报等聚合资源。其中 03-前端学习资源推荐 的特点是按知识点分方向、按学习阶段分层次每个分类下都是经过筛选、有明确价值定位的资源适合在学完本仓库某个章节后针对性地向外拓展。下文按原文档的分类顺序逐一展开。二、前端教程系统化的入门与进阶主线原文档在前端教程这一分类下列出两个核心教程资源它们恰好覆盖中文超详细图文笔记与以最新标准为准绳两种互补的学习路径。1. 千古前端图文教程本仓库官网web.qianguyihao.comREADME 中确认的官方在线阅读地址定位超详细的前端入门到进阶学习笔记从零开始学前端做一名精致优雅的前端工程师。本仓库的教程内容正是这份资源清单的主体骨架全库按技术栈组织为 18 个目录01-HTML从认识 Web 和 Web 标准、浏览器介绍到 HTML 标签与 HTML5 新特性02-CSS基础、03-CSS进阶覆盖字体、背景、盒模型、浮动、定位、Flex 布局、CSS3 动画与布局体系04-JavaScript基础、05-JavaScript基础ES6语法、06-JavaScript基础异步编程、07-JavaScript进阶从变量、函数、闭包、原型链到 Promise、async/await、事件循环12-Vue基础、13-React基础两大主流框架的系统讲解14-前端性能优化、15-前端工程化渲染机制、静态资源优化、代码规范等工程能力。它适合作为主线教材反复翻阅也适合当作前端字典随时查漏补缺README 中明确表述了这三个作用照顾初学者同理心、提供精品学习路线、可当字典查阅。2. 现代 JavaScript 教程官网zh.javascript.info定位以最新的 JavaScript 标准为基准用简单但足够详细的内容讲解从基础到高阶的 JavaScript 知识。它与本仓库的互补关系很明显本仓库的 04-JavaScript基础 与 05-JavaScript基础ES6语法 侧重手把手图文讲解而现代 JavaScript 教程在语言标准细节如最新的对象、类、模块机制上更新更及时。建议把两者对照阅读先用本仓库建立整体认知再借助后者校正对新标准细节的理解。三、CSS灵感、常用样式与特效实现原文档在 CSS 分类下列出三个资源覆盖了 CSS 学习的三个典型场景找灵感、查常用样式、看特效实现。1. CSS Inspiration写 CSS 的灵感库作者 chokcoco。这是一个以灵感为主题的 CSS 项目适合在写页面缺少思路时浏览。本仓库的 02-CSS基础 与 03-CSS进阶 恰好提供了对应的理论支撑——例如 06-CSS盒模型详解、13-CSS3属性Flex布局图文详解、02-CSS布局。先理解布局与盒模型的底层规则再看灵感库中的效果实现往往能更快读懂其背后的写法。2. CSS 常用样式css_tricks作者 QiShaoXuan 整理的 CSS 常用样式集合。它本质上是一份CSS 速查 常见效果模板适合在开发中遇到这个样式怎么写时快速查阅与仓库中 CSS开发积累、CSS的一些小知识 这类积累型文档的定位一致可互为补充。3. You-need-to-know-cssCSS 各种效果实现作者内化输出后贡献的开源项目原文档特意强调css 的各种效果实现尤其是动画效果关键时刻能救命作者评价其很有极客精神。原文档还记录了一个真实的检索案例作者在里面找到了抖动效果解决了实际需求。这提示了一个高效用法——当你在仓库的 12-CSS3属性详解动画详解 中学完动画基础后可以把这里当作动画效果字典按效果名直接检索现成实现。四、JavaScript代码规范与深度进阶原文档在 JavaScript 分类下推荐了两个资源分别对应写得更规范和看得更广。1. clean-code-javascript优秀的 JS 代码规范作者 ryanmcdermott以 Clean Code 思想整理 JavaScript 代码规范。建议在学习完 04-JavaScript基础 的语法体系后阅读把规范落实到自己的编码习惯中。本仓库在 15-前端工程化/01-前端代码规范 中同样有代码规范类的内容二者可对照前者是通用 JS 最佳实践后者更贴近前端工程落地的规范细则。2. spellbook-of-modern-webdev现代 Web 开发咒语书作者 dexteryy 整理原文档称其为宝藏项目。它更像一张现代 Web 开发的知识地图把生态中的关键概念、工具与库串成体系。对于已经完成 16-前端综合/01-Web前端开发流程和学习路线详尽版 学习、想进一步拓宽技术视野的开发者用它来对照本仓库 15-前端工程化 中的专有名词与工程化概念可以快速补齐生态位认知。五、TypeScript系统教程原文档在 TS 分类下推荐了 xcatliu 的 TypeScript 教程。它的内容组织从类型基础到进阶类型体操适合在掌握 JavaScript 基础之后系统学习。本仓库在 16-前端综合/02-Web前端入门自学路线精简版 中明确建议TS 属于进阶内容先把基础掌握之后再学因此推荐顺序是先完成 04-JavaScript基础 与 05-JavaScript基础ES6语法再跟进该 TS 教程。六、Node.js服务端方向学习笔记原文档推荐了 poetries 的 Node.js 学习笔记blog.poetries.top/node-learning-notes。它系统覆盖了 Node.js 的模块机制、内置模块与常用框架。本仓库在 11-Node.js 目录下同样提供了配套基础从 01-Node.js介绍、04-Node.js模块化规范CommonJS、05-Node.js内置模块fs文件模块 到 KOA2、WebSocket以及与后端配套的 10-MySQL数据库 章节。学习路径建议先通读本仓库 Node.js 基础章节再用外部笔记补充框架层面的最佳实践。七、算法类数据结构和刷题资源原文档在算法分类下列出 5 个资源覆盖系统学算法 刷题实践两条线。javascript-algorithms数据结构和算法作者 trekhleb用 JavaScript 实现常见数据结构与算法并附图文解释是目前 JS 生态中最系统的算法教程之一。建议配合本仓库 15-前端工程化/前端的几道题目 等练习内容使用。leetcode 解题之路作者 azl397985856 的 LeetCode 题解集合按专题组织适合按数组、链表、动态规划等主题集中刷题。LeetCodeAnimation五分钟学算法作者 MisterBooo用动画演示 LeetCode 题目的解题过程原文档定位为五分钟学算法。它对算法可视化的呈现方式尤其适合把仓库 04-JavaScript基础 中学到的递归、循环等概念在算法题中看得见。LeetCode 攻略2019 年 8 月上半月汇总109 题攻略一篇以109 题为单位的阶段性质题攻略汇总适合按批次集中攻坚时参考。极客时间 App《数据结构与算法之美》付费体系化课程适合愿意系统投入时间、希望在算法方向打深地基的开发者。算法学习建议与 16-前端综合/01-Web前端开发流程和学习路线详尽版 中查漏补缺、把知识当字典用的思路一致先系统学一遍数据结构再以每日一题的方式保持手感。八、Vue 教程深入框架内部原文档在 Vue 分类下推荐了 yugasun 的 You-May-Not-Know-Vuejs定位是你可能不知道的 Vue.js——专门挖掘 Vue 使用中容易被忽略的细节与原理。它适合在完成本仓库 12-Vue基础 的学习之后阅读例如先掌握 01-Vue的介绍和vue-cli、13-Vue-router路由再通过该资源补齐指令背后的实现细节组件通信的边界情况等进阶认知。仓库目录中的 Vue组件、Vue开发积累 可作为补充材料配套查阅。九、综合类前端精读周刊原文档在综合类下推荐了 dt-fe阿里前端团队的前端精读周刊weekly。其特点是每期精读一篇前端技术文章输出团队视角的解读适合长期订阅、保持对技术趋势的敏感度。与之配合本仓库的 06-前端文章推荐 与 2018/2019/2020/2022-推荐文章 等历年推荐文章汇总可作为按年份回顾前端演进的补充阅读材料。十、其他单元测试最佳实践原文档在其他分类下推荐了 goldbergyoni 的 javascript-testing-best-practices这是目前社区公认的 JavaScript 测试最佳实践合集之一覆盖测试框架选型、测试用例组织、Mock 策略等。本仓库在 15-前端工程化/前端工程化 中提到了自动化测试等工程化话题二者可以结合先用该资源建立测试方法论再在工程实践中落地。十一、前端面试五份互补的题库资源原文档在前端面试分类下列出 5 个资源覆盖图谱式、模块式、问答式、宝典式、合集式五种组织形式前端面试图谱yuchengkai.cn从面试角度出发组织知识体系。原文档特别说明其互补价值这个项目是从面试的角度出发的我自己的项目是从基础入门的角度出发的可以起到互补的作用。——即用本仓库打基础用面试图谱做检验。前端面试常考问题整理blog.poetries.top/FE-Interview-Questions按模块知识点分类整理适合按JS 基础、浏览器、框架、工程化等模块定向复习。前端开发面试题markyun/My-blog 的 Front-end-Developer-Questions 目录经典的中文前端面试题整理。web 前端面试宝典h5bp/Front-end-Developer-Interview-Questions老牌前端团队维护的面试问题集合覆盖面广。掘金前端面试题合集shfshanyue/blog 中的 juejin-interview 一文聚合掘金上高频前端面试题的合集。搭配使用建议以面试图谱做总纲以模块化题库做专项突破。本仓库同样沉淀了面试向内容如 03-CSS进阶/CSS面试题、15-前端工程化/前端的几道题目、07-JavaScript进阶 下的 call、apply、bind的区别、Promise的一些题目 等可与外部题库形成仓库内精读 外部题库自测的闭环。十二、综合面试反向面试清单原文档在综合面试分类下推荐了 yifeikong 的 reverse-interview-zh反向面试。它与普通面试题不同不是被问而是反问——整理了你在面试结束时可以反问面试官的问题清单例如团队技术栈、代码评审流程、成长路径等。原文档将其定位为反问面试官的问题建议在求职阶段提前浏览挑选与自身关切匹配的问题避免面试官提问环节一句都问不出来的尴尬。十三、博客优质中文前端博客合集原文档在博客分类下推荐了两个资源best-chinese-front-end-blogs作者 FrankFang收集优质中文前端博客的合集适合用来发现值得长期关注的作者。可与 04-前端大佬名单 互为补充——前者按博客质量收集后者按技术大牛收集。zimo-article作者 laizimo原文档评价讲得比较详细并特别举例其中的 [CSS布局说——可能是最全的] 一文作为详细讲解的代表。该文与仓库 03-CSS进阶/02-CSS布局 主题重叠建议对照阅读仓库版适合建立主线认知博客版适合看作者的完整推导过程。十四、文档类排版规范与发音纠错原文档在文档类分类下列出两个实用资源中文博客排版指南作者 qianguyihao即本教程作者关于中文技术博客排版规范的指南。写技术博客时遵循统一标题层级、中文与英文/数字间留空格、代码块规范等约定可显著提升可读性。这也解释了为什么本仓库各章节的行文与排版风格高度统一。chinese-programmer-wrong-pronunciation作者 shimohq收集中国程序员容易发音错误的英文单词覆盖了 Ajax、Gif、Chrome 等高频误读词适合在写代码、做分享、录课程前快速自查。十五、学会提问高效求助的正确姿势原文档最后推荐了 ryanhanwu 翻译的 How-To-Ask-Questions-The-Smart-Way提问的智慧。它的核心价值在于提问前先自行排查文档、搜索引擎、调试、提问时给出完整上下文环境、报错、已尝试的方案、提问后及时反馈结果。这一点与本仓库 README 中进群要求少提问、少闲聊、多分享的理念一致——技术社区的有效交流建立在自己先尽力的前提之上。十六、如何把这份清单用起来推荐的使用路径结合本仓库 16-前端综合/02-Web前端入门自学路线精简版 给出的学习顺序这套资源清单可以按以下路径接入入门阶段03 个月以本仓库 01-HTML、02-CSS基础、04-JavaScript基础 为主线配合现代 JavaScript 教程校对语法细节进阶阶段36 个月完成 05-JavaScript基础ES6语法、06-JavaScript基础异步编程同步跟进 TypeScript 教程、clean-code-javascript 规范与算法资源中的数据结构部分框架阶段以 12-Vue基础 或 13-React基础 为主配合 You-May-Not-Know-Vuejs 深入框架细节UI 框架可参考 09-移动Web开发/01-Bootstrap入门面试阶段用前端面试图谱做总纲用模块化题库做专项复习用反向面试清单准备反问环节同时温习仓库内的 CSS面试题 与 Promise的一些题目长期保持订阅前端精读周刊与历年推荐文章汇总把 CSS Inspiration、css_tricks、You-need-to-know-css 当作日常开发的样式字典随手查阅。整套资源与仓库章节的对应关系可以归纳为外部资源负责深度、广度、最新度本仓库负责体系、循序渐进、查漏补缺两者结合即可形成从入门到进阶再到面试的完整学习闭环。结语03-前端学习资源推荐 这份清单的价值不在于链接本身而在于其分类视角——它把前端学习拆解为教程主线、CSS 实战、JS 规范、算法训练、框架细节、面试冲刺、博客视野、文档规范八个维度。配合本仓库的图文教程体系你既可以按分类定向查阅也可以按上文推荐的五个阶段系统推进。从零开始学前端做一名精致优雅的前端工程师起点就是先拥有一张靠谱的资源地图。赞分享文档教程前端【免费下载链接】Web千古前端图文教程超详细的前端入门到进阶知识库。从零开始学前端做一名精致优雅的前端工程师。项目地址https://gitcode.com/gh_mirrors/we/Web点击查看免费下载相关推荐千古前端图文教程Web 前端最新资源导航大全社区 / 框架 / 构建 / 调试 / 设计工具千古前端图文教程Web 前端最新资源导航大全社区 / 框架 / 构建 / 调试 / 设计工具 本篇内容整理自仓库 17 资源推荐/02 Web前端最新导航文档教程前端千古前端图文教程 - 从入门到进阶全面指南千古前端图文教程 从入门到进阶全面指南 1. 项目介绍 千古前端图文教程 是一个专为前端初学者打造的详细学习资源库。它不仅覆盖了前端的基础知识如 HTML、C文档教程前端千古前端图文教程配套书单JavaScript、CSS、框架源码与面试进阶书籍推荐千古前端图文教程配套书单JavaScript、CSS、框架源码与面试进阶书籍推荐 本篇文章基于本仓库 17 资源推荐/01 前端书籍推荐.md https:/文档教程前端上一篇空洞骑士模组管理器终极指南Scarab完全使用手册下一篇XUnity.AutoTranslator翻译失效深度解析与系统级解决方案创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
前端学习资源推荐：千古前端图文教程的进阶资源全景导航
文档教程前端【免费下载链接】Web千古前端图文教程超详细的前端入门到进阶知识库。从零开始学前端做一名精致优雅的前端工程师。项目地址https://gitcode.com/gh_mirrors/we/Web点击查看免费下载导读本文基于《千古前端图文教程》资源推荐目录中的 03-前端学习资源推荐 文档系统梳理了一份覆盖前端教程、CSS、JavaScript、TypeScript、Node.js、算法、Vue、单元测试、前端面试、博客与文档规范的全方位学习资源清单。读完本文你将了解每个资源的核心定位与适用阶段并知道如何让这些外部资源与本仓库的图文教程章节形成基础打底 专项进阶 面试冲刺的完整学习闭环从而更有针对性地规划自己的前端学习路线。一、这份清单在知识库中的位置在 17-资源推荐 目录下千古前端图文教程围绕学什么、跟谁学、怎么学提供了五份互为补充的清单01-前端书籍推荐聚焦 JS、CSS、面试、Vue/React 源码、设计模式等方向的经典书籍02-Web前端最新导航收录技术社区、技术博客、GitHub 排名统计与资讯类站点03-前端学习资源推荐本文主体按技术方向组织教程、工具库、算法与面试资源04-前端大佬名单列出值得关注的前端技术大牛及其博客05-前端GitHub项目整理收录高质量的开源项目与每日时报等聚合资源。其中 03-前端学习资源推荐 的特点是按知识点分方向、按学习阶段分层次每个分类下都是经过筛选、有明确价值定位的资源适合在学完本仓库某个章节后针对性地向外拓展。下文按原文档的分类顺序逐一展开。二、前端教程系统化的入门与进阶主线原文档在前端教程这一分类下列出两个核心教程资源它们恰好覆盖中文超详细图文笔记与以最新标准为准绳两种互补的学习路径。1. 千古前端图文教程本仓库官网web.qianguyihao.comREADME 中确认的官方在线阅读地址定位超详细的前端入门到进阶学习笔记从零开始学前端做一名精致优雅的前端工程师。本仓库的教程内容正是这份资源清单的主体骨架全库按技术栈组织为 18 个目录01-HTML从认识 Web 和 Web 标准、浏览器介绍到 HTML 标签与 HTML5 新特性02-CSS基础、03-CSS进阶覆盖字体、背景、盒模型、浮动、定位、Flex 布局、CSS3 动画与布局体系04-JavaScript基础、05-JavaScript基础ES6语法、06-JavaScript基础异步编程、07-JavaScript进阶从变量、函数、闭包、原型链到 Promise、async/await、事件循环12-Vue基础、13-React基础两大主流框架的系统讲解14-前端性能优化、15-前端工程化渲染机制、静态资源优化、代码规范等工程能力。它适合作为主线教材反复翻阅也适合当作前端字典随时查漏补缺README 中明确表述了这三个作用照顾初学者同理心、提供精品学习路线、可当字典查阅。2. 现代 JavaScript 教程官网zh.javascript.info定位以最新的 JavaScript 标准为基准用简单但足够详细的内容讲解从基础到高阶的 JavaScript 知识。它与本仓库的互补关系很明显本仓库的 04-JavaScript基础 与 05-JavaScript基础ES6语法 侧重手把手图文讲解而现代 JavaScript 教程在语言标准细节如最新的对象、类、模块机制上更新更及时。建议把两者对照阅读先用本仓库建立整体认知再借助后者校正对新标准细节的理解。三、CSS灵感、常用样式与特效实现原文档在 CSS 分类下列出三个资源覆盖了 CSS 学习的三个典型场景找灵感、查常用样式、看特效实现。1. CSS Inspiration写 CSS 的灵感库作者 chokcoco。这是一个以灵感为主题的 CSS 项目适合在写页面缺少思路时浏览。本仓库的 02-CSS基础 与 03-CSS进阶 恰好提供了对应的理论支撑——例如 06-CSS盒模型详解、13-CSS3属性Flex布局图文详解、02-CSS布局。先理解布局与盒模型的底层规则再看灵感库中的效果实现往往能更快读懂其背后的写法。2. CSS 常用样式css_tricks作者 QiShaoXuan 整理的 CSS 常用样式集合。它本质上是一份CSS 速查 常见效果模板适合在开发中遇到这个样式怎么写时快速查阅与仓库中 CSS开发积累、CSS的一些小知识 这类积累型文档的定位一致可互为补充。3. You-need-to-know-cssCSS 各种效果实现作者内化输出后贡献的开源项目原文档特意强调css 的各种效果实现尤其是动画效果关键时刻能救命作者评价其很有极客精神。原文档还记录了一个真实的检索案例作者在里面找到了抖动效果解决了实际需求。这提示了一个高效用法——当你在仓库的 12-CSS3属性详解动画详解 中学完动画基础后可以把这里当作动画效果字典按效果名直接检索现成实现。四、JavaScript代码规范与深度进阶原文档在 JavaScript 分类下推荐了两个资源分别对应写得更规范和看得更广。1. clean-code-javascript优秀的 JS 代码规范作者 ryanmcdermott以 Clean Code 思想整理 JavaScript 代码规范。建议在学习完 04-JavaScript基础 的语法体系后阅读把规范落实到自己的编码习惯中。本仓库在 15-前端工程化/01-前端代码规范 中同样有代码规范类的内容二者可对照前者是通用 JS 最佳实践后者更贴近前端工程落地的规范细则。2. spellbook-of-modern-webdev现代 Web 开发咒语书作者 dexteryy 整理原文档称其为宝藏项目。它更像一张现代 Web 开发的知识地图把生态中的关键概念、工具与库串成体系。对于已经完成 16-前端综合/01-Web前端开发流程和学习路线详尽版 学习、想进一步拓宽技术视野的开发者用它来对照本仓库 15-前端工程化 中的专有名词与工程化概念可以快速补齐生态位认知。五、TypeScript系统教程原文档在 TS 分类下推荐了 xcatliu 的 TypeScript 教程。它的内容组织从类型基础到进阶类型体操适合在掌握 JavaScript 基础之后系统学习。本仓库在 16-前端综合/02-Web前端入门自学路线精简版 中明确建议TS 属于进阶内容先把基础掌握之后再学因此推荐顺序是先完成 04-JavaScript基础 与 05-JavaScript基础ES6语法再跟进该 TS 教程。六、Node.js服务端方向学习笔记原文档推荐了 poetries 的 Node.js 学习笔记blog.poetries.top/node-learning-notes。它系统覆盖了 Node.js 的模块机制、内置模块与常用框架。本仓库在 11-Node.js 目录下同样提供了配套基础从 01-Node.js介绍、04-Node.js模块化规范CommonJS、05-Node.js内置模块fs文件模块 到 KOA2、WebSocket以及与后端配套的 10-MySQL数据库 章节。学习路径建议先通读本仓库 Node.js 基础章节再用外部笔记补充框架层面的最佳实践。七、算法类数据结构和刷题资源原文档在算法分类下列出 5 个资源覆盖系统学算法 刷题实践两条线。javascript-algorithms数据结构和算法作者 trekhleb用 JavaScript 实现常见数据结构与算法并附图文解释是目前 JS 生态中最系统的算法教程之一。建议配合本仓库 15-前端工程化/前端的几道题目 等练习内容使用。leetcode 解题之路作者 azl397985856 的 LeetCode 题解集合按专题组织适合按数组、链表、动态规划等主题集中刷题。LeetCodeAnimation五分钟学算法作者 MisterBooo用动画演示 LeetCode 题目的解题过程原文档定位为五分钟学算法。它对算法可视化的呈现方式尤其适合把仓库 04-JavaScript基础 中学到的递归、循环等概念在算法题中看得见。LeetCode 攻略2019 年 8 月上半月汇总109 题攻略一篇以109 题为单位的阶段性质题攻略汇总适合按批次集中攻坚时参考。极客时间 App《数据结构与算法之美》付费体系化课程适合愿意系统投入时间、希望在算法方向打深地基的开发者。算法学习建议与 16-前端综合/01-Web前端开发流程和学习路线详尽版 中查漏补缺、把知识当字典用的思路一致先系统学一遍数据结构再以每日一题的方式保持手感。八、Vue 教程深入框架内部原文档在 Vue 分类下推荐了 yugasun 的 You-May-Not-Know-Vuejs定位是你可能不知道的 Vue.js——专门挖掘 Vue 使用中容易被忽略的细节与原理。它适合在完成本仓库 12-Vue基础 的学习之后阅读例如先掌握 01-Vue的介绍和vue-cli、13-Vue-router路由再通过该资源补齐指令背后的实现细节组件通信的边界情况等进阶认知。仓库目录中的 Vue组件、Vue开发积累 可作为补充材料配套查阅。九、综合类前端精读周刊原文档在综合类下推荐了 dt-fe阿里前端团队的前端精读周刊weekly。其特点是每期精读一篇前端技术文章输出团队视角的解读适合长期订阅、保持对技术趋势的敏感度。与之配合本仓库的 06-前端文章推荐 与 2018/2019/2020/2022-推荐文章 等历年推荐文章汇总可作为按年份回顾前端演进的补充阅读材料。十、其他单元测试最佳实践原文档在其他分类下推荐了 goldbergyoni 的 javascript-testing-best-practices这是目前社区公认的 JavaScript 测试最佳实践合集之一覆盖测试框架选型、测试用例组织、Mock 策略等。本仓库在 15-前端工程化/前端工程化 中提到了自动化测试等工程化话题二者可以结合先用该资源建立测试方法论再在工程实践中落地。十一、前端面试五份互补的题库资源原文档在前端面试分类下列出 5 个资源覆盖图谱式、模块式、问答式、宝典式、合集式五种组织形式前端面试图谱yuchengkai.cn从面试角度出发组织知识体系。原文档特别说明其互补价值这个项目是从面试的角度出发的我自己的项目是从基础入门的角度出发的可以起到互补的作用。——即用本仓库打基础用面试图谱做检验。前端面试常考问题整理blog.poetries.top/FE-Interview-Questions按模块知识点分类整理适合按JS 基础、浏览器、框架、工程化等模块定向复习。前端开发面试题markyun/My-blog 的 Front-end-Developer-Questions 目录经典的中文前端面试题整理。web 前端面试宝典h5bp/Front-end-Developer-Interview-Questions老牌前端团队维护的面试问题集合覆盖面广。掘金前端面试题合集shfshanyue/blog 中的 juejin-interview 一文聚合掘金上高频前端面试题的合集。搭配使用建议以面试图谱做总纲以模块化题库做专项突破。本仓库同样沉淀了面试向内容如 03-CSS进阶/CSS面试题、15-前端工程化/前端的几道题目、07-JavaScript进阶 下的 call、apply、bind的区别、Promise的一些题目 等可与外部题库形成仓库内精读 外部题库自测的闭环。十二、综合面试反向面试清单原文档在综合面试分类下推荐了 yifeikong 的 reverse-interview-zh反向面试。它与普通面试题不同不是被问而是反问——整理了你在面试结束时可以反问面试官的问题清单例如团队技术栈、代码评审流程、成长路径等。原文档将其定位为反问面试官的问题建议在求职阶段提前浏览挑选与自身关切匹配的问题避免面试官提问环节一句都问不出来的尴尬。十三、博客优质中文前端博客合集原文档在博客分类下推荐了两个资源best-chinese-front-end-blogs作者 FrankFang收集优质中文前端博客的合集适合用来发现值得长期关注的作者。可与 04-前端大佬名单 互为补充——前者按博客质量收集后者按技术大牛收集。zimo-article作者 laizimo原文档评价讲得比较详细并特别举例其中的 [CSS布局说——可能是最全的] 一文作为详细讲解的代表。该文与仓库 03-CSS进阶/02-CSS布局 主题重叠建议对照阅读仓库版适合建立主线认知博客版适合看作者的完整推导过程。十四、文档类排版规范与发音纠错原文档在文档类分类下列出两个实用资源中文博客排版指南作者 qianguyihao即本教程作者关于中文技术博客排版规范的指南。写技术博客时遵循统一标题层级、中文与英文/数字间留空格、代码块规范等约定可显著提升可读性。这也解释了为什么本仓库各章节的行文与排版风格高度统一。chinese-programmer-wrong-pronunciation作者 shimohq收集中国程序员容易发音错误的英文单词覆盖了 Ajax、Gif、Chrome 等高频误读词适合在写代码、做分享、录课程前快速自查。十五、学会提问高效求助的正确姿势原文档最后推荐了 ryanhanwu 翻译的 How-To-Ask-Questions-The-Smart-Way提问的智慧。它的核心价值在于提问前先自行排查文档、搜索引擎、调试、提问时给出完整上下文环境、报错、已尝试的方案、提问后及时反馈结果。这一点与本仓库 README 中进群要求少提问、少闲聊、多分享的理念一致——技术社区的有效交流建立在自己先尽力的前提之上。十六、如何把这份清单用起来推荐的使用路径结合本仓库 16-前端综合/02-Web前端入门自学路线精简版 给出的学习顺序这套资源清单可以按以下路径接入入门阶段03 个月以本仓库 01-HTML、02-CSS基础、04-JavaScript基础 为主线配合现代 JavaScript 教程校对语法细节进阶阶段36 个月完成 05-JavaScript基础ES6语法、06-JavaScript基础异步编程同步跟进 TypeScript 教程、clean-code-javascript 规范与算法资源中的数据结构部分框架阶段以 12-Vue基础 或 13-React基础 为主配合 You-May-Not-Know-Vuejs 深入框架细节UI 框架可参考 09-移动Web开发/01-Bootstrap入门面试阶段用前端面试图谱做总纲用模块化题库做专项复习用反向面试清单准备反问环节同时温习仓库内的 CSS面试题 与 Promise的一些题目长期保持订阅前端精读周刊与历年推荐文章汇总把 CSS Inspiration、css_tricks、You-need-to-know-css 当作日常开发的样式字典随手查阅。整套资源与仓库章节的对应关系可以归纳为外部资源负责深度、广度、最新度本仓库负责体系、循序渐进、查漏补缺两者结合即可形成从入门到进阶再到面试的完整学习闭环。结语03-前端学习资源推荐 这份清单的价值不在于链接本身而在于其分类视角——它把前端学习拆解为教程主线、CSS 实战、JS 规范、算法训练、框架细节、面试冲刺、博客视野、文档规范八个维度。配合本仓库的图文教程体系你既可以按分类定向查阅也可以按上文推荐的五个阶段系统推进。从零开始学前端做一名精致优雅的前端工程师起点就是先拥有一张靠谱的资源地图。赞分享文档教程前端【免费下载链接】Web千古前端图文教程超详细的前端入门到进阶知识库。从零开始学前端做一名精致优雅的前端工程师。项目地址https://gitcode.com/gh_mirrors/we/Web点击查看免费下载相关推荐千古前端图文教程Web 前端最新资源导航大全社区 / 框架 / 构建 / 调试 / 设计工具千古前端图文教程Web 前端最新资源导航大全社区 / 框架 / 构建 / 调试 / 设计工具 本篇内容整理自仓库 17 资源推荐/02 Web前端最新导航文档教程前端千古前端图文教程 - 从入门到进阶全面指南千古前端图文教程 从入门到进阶全面指南 1. 项目介绍 千古前端图文教程 是一个专为前端初学者打造的详细学习资源库。它不仅覆盖了前端的基础知识如 HTML、C文档教程前端千古前端图文教程配套书单JavaScript、CSS、框架源码与面试进阶书籍推荐千古前端图文教程配套书单JavaScript、CSS、框架源码与面试进阶书籍推荐 本篇文章基于本仓库 17 资源推荐/01 前端书籍推荐.md https:/文档教程前端上一篇空洞骑士模组管理器终极指南Scarab完全使用手册下一篇XUnity.AutoTranslator翻译失效深度解析与系统级解决方案创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
