如何在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‎