爆栈三部曲
GitHub开源地址
Web前端开发大系概览 （前端开发技术栈）
2015/08/12 · JavaScript
· Web开发
本文作者： 伯乐在线 –
灵感之源
。未经作者许可，禁止转载！
欢迎加入伯乐在线 专栏作者。
参考资料
1，我之前的那篇文章：让我们都建立自己的知识树吧
2，王福朋的，自己总结的web前端知识体系大全【欢迎补充】
3，灵感之源的两篇文章：.NET技术大系概览
（迄今为止最全的.NET技术栈），Web前端开发大系概览
（前端开发技术栈）
GitHub开源
在GitHub开源了：WebFrontEndStack
记得几年前写过一篇关于.NET开发方面的知识总结，但是随着技术的发展以及自己技术理解的提升，觉得有必要对那篇文章加以更新和完善。
最近在园子里也看到有人写关于.NET知识体系的文章，特别是灵感之源写的两篇文章，一篇是关于web前端的Web前端开发大系概览
（前端开发技术栈），和一篇关于.NET服务端的.NET技术大系概览
（迄今为止最全的.NET技术栈），都总结得非常好。现在我将前端和服务端都总结成一个xmind思维导图的形式，当然有很多地方参考了unruledboy兄弟的文章，在这里向他表示感谢。后面我也将这些内容作为项目开源了，放在GitHub上，我希望大家可以一起去完善它。
Web前端开发技术栈
现在流行一个说法，是Full Stack
（全栈），简单地说是万金油，说得体面一点就是前端、后台、存储、架构等都懂，我觉得我不是全栈，而是爆栈(stack
overflow)，开玩笑了。。。。
奥门永利误乐域，这个Web前端开发技术栈，大约20个层级，大约100个技术点，从底层一直到最顶层：
- 浏览器
- 渲染引擎、JavaScript引擎
- HTML/JavaScript/CSS三支柱
- 编辑器
- 编译任务
- 编译工具
- 打包、调试、质量
- 测试
- JS基础类库
- JS类库
- UI框架
- CSS预处理器
- 模板
- 现代化
- 安全/模式
- 中间语言
- 跨平台解决方案
这个图表里的分类未必准确，相关技术也难免会有遗漏，欢迎大家指点以便不断改进。
Web前端技术实在太繁多限于篇幅，，这里没有罗列一些技术。
以下是预览图：
