地下城與碼農：點亮你的技能樹

啊哈，老王自己都不知道已經懂這麼多了。是不是也想試試？

那麼就點此鏈接吧： http://www.dungeonsanddevelopers.com/ ，會看到如下界面：

點擊「Open the talent tree »」，即可看到一個空白的技能樹，雖然是英文的，不過這應該難不倒你。

英雄！去點亮你的技能樹吧，你會回來分享你的鏈接的。

當然，作為專業人員，只是這樣點一點，似乎並不滿足，那麼我們來探究一下背後所用的技術吧。

這個網站是 352 公司在內部競賽中產生的，除了精美的仿遊戲界面外，採用了 jQuery 和 Knockout 來構建的。jQuery 大家已經熟知了，而 Knockout 可能有的人不太了解，其實它也不太新了，但是它的特性正好用在這個項目上：

Knockout 是一款很優秀的 JavaScript 庫，它可以幫助你僅使用一個清晰整潔的底層數據模型，即可創建一個富文本且具有良好的顯示和編輯功能的用戶界面。任何時候你的局部 UI 內容需要自動更新（比如：依賴於用戶行為的改變或者外部的數據源發生變化），Knockout 都可以很簡單的幫你實現，並且非常易於維護。

是不是也想自己搭建一個呢？

本文轉載來自 Linux 中國: https://github.com/Linux-CN/archive