Permalink
Find file Copy path
abf8a0c Nov 15, 2016
3 contributors

Users who have contributed to this file

@unruledboy @zsxsoft @gabrielperales
335 lines (304 sloc) 15.8 KB

爆栈

系统开发技术栈、Web前端开发技术栈、数据库技术栈、.NET技术栈! http://overflowstack.github.io

本地化

English: https://github.com/unruledboy/WebFrontEndStack/

中文博客: http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html

Español: https://github.com/unruledboy/WebFrontEndStack/blob/master/README.es-es.md

Web前端技术栈

比较全面的浏览器、平台、类库、框架、工具等。

![Image of Web Front End Stack](Web Front End Stack.zh-cn.png)

自行生成预览图

准备环境

您应该安装Visual Studio 2010+。

  1. 安装 nodejs.

  2. 安装 Phantomjs.

  3. 安装 Python 2.7.

  4. npm install

如果出现错误,您可以检查 [phantomjs-node] 的依赖(https://github.com/sgentle/phantomjs-node/wiki), node-gyp.

运行命令

npm start 运行服务并直接打开主html文件。

npm run build 生成预览图。

选项


  -h, --help                           Display this message.
  -p, --port number                    (Default: 3000) Set the port what express listening.
  -ues, --update_existed_stargazers    (Default: false) Update project's stargazers including existed.
  --phantomjs                          The task to generate the image.
  --readme                             The task to update readme.
  --updatestargazers                   The task to update the count of the stargazers.

为什么?

大家是否想过:

  • Web前端开发究竟包含哪些技术呢?
  • 我所掌握的技术这个子集,在Web前端技术大系这个超集里面占的比例是多少呢?
  • 我究竟还没有掌握多少Web前端技术呢?
  • 面试的时候会考哪些技术呢?

那么,Web前端开发是否也应该有这样的技术栈概览图呢?搜索了很久,没有找到一个符合我要求的“较为全面”地表述Web前端技术大系的图表。所以我们自行设计了这个Web前端技术栈。

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

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

您可以点击下面链接查看交互式预览图(用鼠标移动/缩放/点击节点打开相关网站):

https://rawgit.com/unruledboy/WebFrontEndStack/master/ux/WebFrontEndStack.htm?locale=zh-cn

Web前端技术栈