Web前端技术栈

选项

  -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前端技术栈

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

CoffeeScript 1

准备条件

你应该设置Visual Studio 二零零六+。

  1. 安装 nodejs.

  2. 安装 Phantomjs.

  3. 安装 Python 2.7.

  4. npm install

万1出现谬误,您能够检查 [phantomjs-node]
的依赖(https://github.com/sgentle/phantomjs-node/wiki), node-gyp.

机关转移预览图

运作命令

npm start 运维服务并平素打开主html文件。

npm run build 生成预览图。

Web前端技术栈

为什么?

大家是不是想过:

  • Web前端开发终究包括哪些技能呢?
  • 自家所精通的技艺那一个子集,在Web前端技术大系那么些超集里面占的百分比是有点吗?
  • 自个儿到底还从未精晓多少Web前端技术吗?
  • 面试的时候会考哪些技术吧?

那正是说,Web前端开发是还是不是也理应有如此的技巧栈大概浏览图呢?搜索了很久,没有找到2个适合本身须要的“较为全面”地球表面明Web前端技术大系的图样。所以我们自行设计了那一个Web前端技术栈。

其壹图片里的归类未必准确,相关技术也难免会有遗漏,欢迎大家辅导以便不断革新。

Web前端技术其实太繁多限于篇幅,,那里未有罗列壹些技艺。

你能够点击下边链接查看交互式预览图(用鼠标移动/缩放/点击节点打开相关网址):

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