Linux.中国 - 开源社区

 找回密码
 骑士注册

QQ登录

微博登录


地下城与码农:点亮你的技能树

2016-10-10 09:28    评论: 5 收藏: 1    

作为专业人员,我们不少人喜欢玩角色扮演游戏,比如 D&D 这样的,那么有没有想过把你在 Web 前端方面的技能、经验也像游戏里面一样的技能树一样点亮呢?

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

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

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

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

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

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

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

这个网站是 352 公司在内部竞赛中产生的,除了精美的仿游戏界面外,采用了 jQuery 和 Knockout 来构建的。jQuery 大家已经熟知了,而 Knockout 可能有的人不太了解,其实它也不太新了,但是它的特性正好用在这个项目上:

Knockout 是一款很优秀的 JavaScript 库,它可以帮助你仅使用一个清晰整洁的底层数据模型,即可创建一个富文本且具有良好的显示和编辑功能的用户界面。任何时候你的局部 UI 内容需要自动更新(比如:依赖于用户行为的改变或者外部的数据源发生变化),Knockout 都可以很简单的帮你实现,并且非常易于维护。

是不是也想自己搭建一个呢?

发表评论


最新评论

我也要发表评论

何亮 [Chrome 49.0|Windows 7] 2016-10-17 16:36
1
何亮 [Chrome 49.0|Windows 7] 发表于 2016-10-12 08:56 的评论:
内容貌似为web端,移动端的怎么办?
2
来自上海的 Chrome 55.0|Chrome OS 8838.1 用户 发表于 2016-10-14 14:41 的评论:
并没有考虑移动端,这东西又不是给一般人用的,使用频率也低,Web端就可以了
如果想web端进军的话,倒是不错的学习之路。你这么看?
2 回复
来自上海的 Chrome 55.0|Chrome OS 8838.1 用户 2016-10-14 14:41
1
何亮 [Chrome 49.0|Windows 7] 发表于 2016-10-12 08:56 的评论:
内容貌似为web端,移动端的怎么办?
并没有考虑移动端,这东西又不是给一般人用的,使用频率也低,Web端就可以了
1 回复
何亮 [Chrome 49.0|Windows 7] 2016-10-12 08:56
内容貌似为web端,移动端的怎么办?
回复
linux [Chrome 53.0|Mac 10.11] 2016-10-11 17:00
1
来自河北廊坊的 Chrome 53.0|Windows 7 用户 发表于 2016-10-11 11:26 的评论:
第一层全部点满,第二层点不到。我适合干什么
适合继续学习。
5 回复
来自河北廊坊的 Chrome 53.0|Windows 7 用户 2016-10-11 11:26
第一层全部点满,第二层点不到。我适合干什么
1 回复

热点评论

linux [Chrome 53.0|Mac 10.11] 2016-10-11 17:00
适合继续学习。
5
何亮 [Chrome 49.0|Windows 7] 2016-10-17 16:36
如果想web端进军的话,倒是不错的学习之路。你这么看?
2
来自上海的 Chrome 55.0|Chrome OS 8838.1 用户 2016-10-14 14:41
并没有考虑移动端,这东西又不是给一般人用的,使用频率也低,Web端就可以了
1
来自河北廊坊的 Chrome 53.0|Windows 7 用户 2016-10-11 11:26
第一层全部点满,第二层点不到。我适合干什么
1

相关阅读

返回顶部

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”将网页分享至朋友圈。