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

今天给大家介绍的就是这样的一个有趣的网站:地下城与码农(Dungeons aNd Developers)。

题图就是老王自己点亮的技能树。

啊哈,老王自己都不知道已经懂这么多了。是不是也想试试?

那么就点此链接吧:http://www.dungeonsanddevelopers.com/,会看到如下界面:

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

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

英雄!去点亮你的技能树吧,你会回来分享你的链接的。

当然,作为专业人员,只是这样点一点,似乎并不满足,那么我们来探究一下背后所用的技术吧。

这个网站是 352 公司在内部竞赛中产生的,除了精美的仿游戏界面外,采用了jQuery和Knockout来构建的。jQuery 大家已经熟知了,而Knockout可能有的人不太了解,其实它也不太新了,但是它的特性正好用在这个项目上:
Knockout 是一款很优秀的 JavaScript 库,它可以帮助你仅使用一个清晰整洁的底层数据模型,即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部 UI 内容需要自动更新(比如:依赖于用户行为的改变或者外部的数据源发生变化),Knockout 都可以很简单的帮你实现,并且非常易于维护。
是不是也想自己搭建一个呢?

 

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

投稿作者 作者网站


为您推荐

说点什么

您将是第一位评论人!

提醒
avatar
wpDiscuz