Web前端开发大系概览 (前端开发技术栈)

By admin in 计算机教程 on 2019年2月16日

关于作者:灵感之源

图片 1

智能实验室创始人。做过开源,写过千万下载量软件,爱美剧电影音乐美女。定居澳洲悉尼。twitter加unruledboy。移民澳新的去freeoz论坛中国域名hioz

个人主页
·
我的文章
·
6
·
  

图片 2

GitHub开源地址

DotNetFullStack

爆栈三部曲

参考资料

1,我之前的那篇文章:让我们都建立自己的知识树吧

2,王福朋的,自己总结的web前端知识体系大全【欢迎补充】

3,灵感之源的两篇文章:.NET技术大系概览
(迄今为止最全的.NET技术栈)
Web前端开发大系概览
(前端开发技术栈)

Web前端开发技术栈

现在流行一个说法,是Full Stack
(全栈),简单地说是万金油,说得体面一点就是前端、后台、存储、架构等都懂,我觉得我不是全栈,而是爆栈(stack
overflow),开玩笑了。。。。

这个Web前端开发技术栈,大约20个层级,大约100个技术点,从底层一直到最顶层:

  • 浏览器
  • 渲染引擎、JavaScript引擎
  • HTML/JavaScript/CSS三支柱
  • 编辑器
  • 编译任务
  • 编译工具
  • 打包、调试、质量
  • 测试
  • JS基础类库
  • JS类库
  • UI框架
  • CSS预处理器
  • 模板
  • 现代化
  • 安全/模式
  • 中间语言
  • 跨平台解决方案

这个图表里的分类未必准确,相关技术也难免会有遗漏,欢迎大家指点以便不断改进。

Web前端技术实在太繁多限于篇幅,,这里没有罗列一些技术。

以下是预览图:

图片 3

点击查看原尺寸大图

记得几年前写过一篇关于.NET开发方面的知识总结,但是随着技术的发展以及自己技术理解的提升,觉得有必要对那篇文章加以更新和完善。

最近在园子里也看到有人写关于.NET知识体系的文章,特别是灵感之源写的两篇文章,一篇是关于web前端的Web前端开发大系概览
(前端开发技术栈)
,和一篇关于.NET服务端的.NET技术大系概览
(迄今为止最全的.NET技术栈)
,都总结得非常好。现在我将前端和服务端都总结成一个xmind思维导图的形式,当然有很多地方参考了unruledboy兄弟的文章,在这里向他表示感谢。

后面我也将这些内容作为项目开源了,放在GitHub上,我希望大家可以一起去完善它。

图片 4

GitHub开源

在GitHub开源了:WebFrontEndStack

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图
Copyright @ 2010-2019 澳门金沙30064在线网站 版权所有