如何在Web前端上点亮你的技能树
今天给大家介绍的就是这样的一个有趣的网站：地下城与码农（Dungeons aNd Developers）。
题图就是老王自己点亮的技能树。
啊哈，老王自己都不知道已经懂这么多了。是不是也想试试？
那么就点此链接吧：http://www.dungeonsanddevelopers.com/，会看到如下界面：
点击“Open the talent tree »”，即可看到一个空白的技能树，虽然是英文的，不过这应该难不倒你。
英雄！去点亮你的技能树吧，你会回来分享你的链接的。
当然，作为专业人员，只是这样点一点，似乎并不满足，那么我们来探究一下背后所用的技术吧。
这个网站是 352 公司在内部竞赛中产生的，除了精美的仿游戏界面外，采用了jQuery和Knockout来构建的。jQuery 大家已经熟知了，而Knockout可能有的人不太了解，其实它也不太新了，但是它的特性正好用在这个项目上：
Knockout 是一款很优秀的 JavaScript 库，它可以帮助你仅使用一个清晰整洁的底层数据模型，即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部 UI 内容需要自动更新（比如：依赖于用户行为的改变或者外部的数据源发生变化），Knockout 都可以很简单的帮你实现，并且非常易于维护。
是不是也想自己搭建一个呢？
| 投稿作者 | 作者网站 |
|---|---|
评论
为您推荐
请支持IMCN发展！
| 微信捐赠 | 支付宝捐赠 |
|---|---|
 |
 |
还没有任何评论，你来说两句吧