如何在Web前端上点亮你的技能树

导读	做为专业人员，咱们很多人喜欢玩角色扮演游戏，好比 D&D 这样的，那么有没有想过把你在 Web 前端方面的技能、经验也像游戏里面同样的技能树同样点亮呢？

今天给你们介绍的就是这样的一个有趣的网站：地下城与码农（Dungeons aNd Developers）。

题图就是老王本身点亮的技能树。

啊哈，老王本身都不知道已经懂这么多了。是否是也想试试？

那么就点此连接吧：http://www.dungeonsanddevelopers.com/，会看到以下界面：

点击“Open the talent tree »”，便可看到一个空白的技能树，虽然是英文的，不过这应该难不倒你。

英雄！去点亮你的技能树吧，你会回来分享你的连接的。

固然，做为专业人员，只是这样点一点，彷佛并不知足，那么咱们来探究一下背后所用的技术吧。

这个网站是 352 公司在内部竞赛中产生的，除了精美的仿游戏界面外，采用了jQuery和Knockout来构建的。jQuery 你们已经熟知了，而Knockout可能有的人不太了解，其实它也不太新了，可是它的特性正好用在这个项目上：
Knockout 是一款很优秀的 JavaScript 库，它能够帮助你仅使用一个清晰整洁的底层数据模型，便可建立一个富文本且具备良好的显示和编辑功能的用户界面。任什么时候候你的局部 UI 内容须要自动更新（好比：依赖于用户行为的改变或者外部的数据源发生变化），Knockout 均可以很简单的帮你实现，而且很是易于维护。
是否是也想本身搭建一个呢？

原文来自：https://linux.cn/article-7848-1.html

本文地址：http://www.linuxprobe.com/web-lighting-skill.html‎