WebFrontEndStack

发表于 | 分类于 | 阅读次数
字数统计 1,068 | 阅读时长 5

爆栈

系统开发技术栈、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

自行生成预览图

准备环境

您应该安装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 生成预览图。

选项

1
2
3
4
5
6
7
-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前端技术栈

Fork me on GitHub