This repository was archived by the owner on Feb 8, 2026. It is now read-only.
Folders and files
| Name | Name | Last commit date | ||
|---|---|---|---|---|
这份指南汇集了前端开发所使用语言的主流学习资源，并以开发者的视角进行整理编排而成，想了解该指南及前端开发更多信息的同学，可以阅读短文《致 Front-End Developers（2015）》，欢迎开发者一起维护，或反馈/投稿。
由 @icepy 负责整理，不足之处还望大家多多包容与提供建议。
- Web Front-End Stack：这张图非常详细。
- W3C组织提供了官网的地址：w3.org，可以去查询最近实现的标准以及将来可能实现的讨论。
- web前端开发可能包括HTML,CSS,JavaScript,Web API,SVG,WebGL,MathML等，语言是编程的基础，火狐的MDN出了一份比较通略的文档，可以快速查看 Web 技术文档。
- 无处不在的html：HTML是Web的核心语言，也是最基础的语言；
- XHTML2 Working Group Home Page
- HTML5 API Search：可以快速的查询某个HTML5的API；
- HTML5 Rocks：通过这个网站可以搜索到很多关于HTML5的教程；
- 图灵程序设计丛书:HTML5权威指南
- 编码规范 by @mdo：开发灵活，稳定，可持续 HTML 和 CSS 代码的规范，每一项都有很详细的解释；
- css guide lines
- 通用 CSS 笔记、建议与指导：本文档第一部分将探讨语法、格式以及分析 CSS 结构；第二部分将围绕方法论、思维框架以及编写与规划 CSS 的看法；
- 学习CSS布局：教授的是现在广泛使用于网站布局领域的CSS基础；
- CSS3 Tutorial 《CSS3 教程》：CSS3 Tutorial 是一本关于 CSS3 的开源书，作者利用业余时间写了本书，图文并茂，用大量实例带你一步一步走进 CSS3 的世界；
- Magic of CSS
- CSS词汇表：查询CSS的词汇；
- CSS参考
- Sass基础知识：Sass官网，讲述Sass/SCSS应用的基础知识，变量、函数、条件、循环、宏等等；
- Sass中文网：中文大，给E文不好的小朋友们；
- Sass Guidelines：这是由Sass专家Hugo Giraudel撰写的一份“编写稳健、可维护和可扩展的Sass”的指南，这份指南已被翻译成中文；
- Sass meister：在线Sass/SCSS调试器；
- Post Css
- JavaScript文档将引用justjavac/free-programming-books-zh_CN#JavaScript所整理的免费图书以及自己所收集的资料；
- Google JavaScript 代码风格指南：Google风格指南不但指出每条规范，还解释了为什么这样写的原因，同时给出了对与错的实例；
- Airbnb JavaScript 规范：A mostly reasonable approach to JavaScript，跟Google规范类似；
- Google JSON 风格指南：该风格指南是对在Google创建JSON APIs而提供的指导性准则和建议。总体来讲，JSON APIs应遵循JSON.org上的规范。这份风格指南澄清和标准化了特定情况，从而使Google的JSON APIs有一种标准的外观和感觉。这些指南适用于基于RPC和基于REST风格的API的JSON请求和响应；
- Javascript编程指南 (源码)
- 重新介绍 JavaScript（JS 教程）：是火狐推出的一系列的JS教程，为什么会有这一篇“重新介绍”呢？因为 JavaScript 堪称世界上被人误解最深的编程语言。虽然常被视作“玩具语言”，但它看似简洁外衣下，还隐藏着强大的语言特性。 JavaScript 目前广泛应用于一大批知名应用中，对于网页和移动开发者来说，深入理解 JavaScript 就尤有必要；
- JavaScript 标准参考教程（alpha）
- javascript 的 12 个怪癖
- JavaScript 秘密花园
- JavaScript核心概念及实践：(PDF) (此书已由人民邮电出版社出版发行，但作者依然免费提供PDF版本，希望开发者们去购买，支持作者)；
- 《JavaScript 模式》：“JavaScript patterns”中译本；
- 命名函数表达式探秘 ：(注:原文由为之漫笔翻译，原始地址无法打开，所以此处地址为我博客上的备份)；
- 学用 JavaScript 设计模式 ：(开源中国)
- 深入理解JavaScript系列：汤姆大叔2011年翻译的一系列的文章，很值得一读；
- ECMAScript 6 入门：(作者：阮一峰)
- JavaScript Promise迷你书：讲述Promise实现；
- You-Dont-Know-JS：(深入JavaScript语言核心机制的系列图书)；
如果你想飞起来，这正是好去处。
- jQuery
- How to write jQuery plugin
- TypeScript
- React
- Vue
- 前端代码异常日志与监控
- 理解OAuth 2.0
- 下面两篇文章不会对 HTTP 的细节进行深究，而是从够高和更结构化的角度将 HTTP 协议的元素进行分类讲解，可以先阅读 HTTP 协议漫谈 和 图解Http协议 来对HTTP有一个大概的了解。
- HTTP协议
- HTTP/2协议的背景、内容、实现和未来
- HTTP 下午茶
- HTTP接口设计指南
- 白话 HTTPS & SSL/TSL：你肯定能阅读明白。
- 深入全面了解，可阅读HTTP权威指南。
- Web缓存机制系列
- 移动端尺寸基础知识
- 移动端高清、多屏适配方案
- 移动端开发小记 - Flexbox
- 搞定这些疑难杂症，向css3动画说yes
- web移动端性能调优及16ms优化
- 无线性能优化：域名收敛
- 缓存机制浅析 移动端 Web 加载性能优化
- 移动端网络优化－同样适用于HTML5页面
- 移动H5前端性能优化指南
- 权威的前端性能指南
- Front-end-Developer-Interview-Questions：面试题集合；
- 中文前端开发面试题 中文前端开发面试题
- Mars - mobile needs a hero：腾讯出品的移动端实践；
- mobileTech：收集了移动端出现的问题以及解决思路与技巧；
- 移动web资源整理：移动web资源整理；
- Leetcode
- 数据结构与算法（JS 版） (@进击的Luke)
- What are the 10 algorithms one must know in order to solve most algorithm problems
- 基础算法
- 那些少人所知而又有用的数据结构（StackOverflow）
- 高级数据结构大全
延伸可扩展的方向是指，脱离了浏览器环境的编程。
关于编译，建议阅读 工程中的编译原理--Jison入门篇
如果你想发展为全栈，建议阅读 Growth: 全栈增长工程师指南
入门
阅读
- 使用 Express + MongoDB 搭建多人博客
- Learn You The Node.js For Much Win! (中文版)
- Node debug 三法三例
- 深入浅出Nodejs读书笔记
- NodeJS的代码调试和性能调优
- 在 Node.js 应用中集成 Redis
- Node.js 应用程序的 5 条性能建议
- 国内Nodejs 2015汇总
可以先通过阅读 V8引擎简介来了解JavaScript现在最好的引擎是怎样的，然后访问 Chrome V8来获取最新的资料，API文档可以访问 v8-docs。