學習KnockOut第一篇之Hello World
筆者剛開始學習KnockOut。寫的內容就相當於一個學習筆記。且在此處向官網致敬，比較喜歡他們家的Live Example版塊，裡面有jsFiddle。至於文檔，輔導章節，也是有的。附上地址：KnockOut。感興趣的話可以看一下的。
那麼，開始。
先寫一個連Hello World級別都算不上的。看了文檔，貌似很簡單的樣子。 第一步引進ko的js腳本。第二步創建一個ViewModel。第三步創建一個簡單的View，用data-bind綁定。 一個非常簡單的text綁定。 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <!--下面這行代碼就是一個簡單的view了--> 8 <p>My English Name is <span data-bind="text:name"></span></p> 9 </body> 10 </html> 11 <script src="knockout-2.3.0.js"></script> 12 <!--下面這四行代碼就是ViewModel了，一個JavaScript 的Object.--> 13 <script type="text/javascript"> 14 var myViewModel = { 15 name: "Ando" 16 }; 17 </script> 第一次寫KO
看下運行結果：
什麼，沒報錯，但是綁定的數據又沒有顯示出來。再看一下文檔先。原來是少一行代碼。 不能少了它：myViewModel = ko.applyBindings(myViewModel)。得有了它，data-bind屬性才有用，才能被浏覽器識別，它的作用可以理解為是對KnockOut做一個激活的作用。有了這行代碼後面的text後的name才會有智能提示。所以聰明的做法是寫了VM,再寫它，最後寫V，寫V時就會有智能提示了。 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title> 5 </head> 6 <body> 7 <!--下面這行代碼就是一個簡單的view了--> 8 <p>My English Name is <span data-bind="text:name"></span></p> 9 </body> 10 </html> 11 <script src="knockout-2.3.0.js"></script> 12 <!--下面這四行代碼就是ViewModel了，一個JavaScript 的Object.--> 13 <script type="text/javascript"> 14 var myViewModel = { 15 name: "Ando" 16 }; 17 // 沒有這行代碼也就做不到綁定了。 18 myViewModel = ko.applyBindings(myViewModel); 19 </script> 這行代碼加在ViewModel裡
再總應該綁定成功了吧：
是的，成功了。激活KO的代碼可不能忘了。
樓主欺負我讀書少，沒文化，只寫一個簡單的聲明式綁定，不是說KO能做到自動的刷新UI什麼的，那個寫出來才有點意思好不？ 恩，沒欺負你。只是樓主初涉KO,所以寫的比較初級。你說的那個應該是模型狀態改變就自動刷新頁面的那個功能吧。這個我正好學到了。那麼就寫一個KO自動刷新頁面的一個Hello World吧。 你且看一下下面的這代碼。
樓主，代碼我是沒看懂，是不是又被你欺負沒文化了，因為始終沒有看到哪有Hello World。
代碼看懂了Hello World就可以有的。解釋下代碼先。
ko.observable，是一個相當，非常，很基礎的一個概念，它能做到的就是監控值的變化並且回應它的相應變化。 ko.computed,它就是計算監控屬性的值（E文較弱，自己單純這樣理解）。比如上面就是將第一個監控的詞和第二個監控的詞拼起來。那麼，我們看看會不會有"Hi Ando"在最後給我們顯示出來。 果然是有的呢。不過，樓主，還是不見Hello World. 上面說了ko.computed可以計算出被監控值的變化（這裡是將兩個被監控的值拼起來），那麼，在不改代碼的情況下，如果將頁面上的第一個值改成Hello，把第二個值改成World,會不會下面給我們顯示"Hello World"呢？ 我們試試。果斷成功。因為： 學習KO的第一篇學習筆記就到這裡了。盡管學習的內容比較淺顯且寫博客比較要時間，但是依舊在進步，不是麼？也希望我能繼續的將KO學習下去，博客繼續的寫下去，如果能遇上一些能一起學習KO的園友，那也是極好的。我現在聽著水墨丹青鳳凰城，坐在椅上，想到懋平的一句話：好似一個君王！
LZ 這些都是初學者常見的問題 不用太著急
都是些習慣問題 慢慢習慣了就不會出現這類問題了
1 Java中的類名規范書寫是首字母大寫 你的代碼中應該是 public class Hello
2.java代碼中除了漢字 其他的都應該是用英文輸入法下輸入的 你的代碼語法上是沒有問題的 應該就是LSD幾位朋友說的 使用了中文的"()"或者";" 改成中文就行了 不行再來問問大家
為什麼編程都會從“Hello world!”開始
“Hello World!”程序是一個只在電腦屏幕上打印出“Hello World!”（“你好，世界！”)字符串的電腦程序。該程序通常是電腦程序設計語言的初學者所要學習編寫的第一個程序。它還可以用來確定該語言的編譯器、程序開發環境以及運行環境已經安裝完成。
將“Hello World!”程序作為第一個編寫的程序，現在已經成為一種珍貴的傳統。該程序最早出現在由Brian Kernighan和Dennis Ritchie編寫的《C編程語言》一書中。《C編程語言》是最權威的C語言教科書，兩位作者正是大名鼎鼎的C語言發明人，昵稱“K&R”。
參考資料：bbs.sooopu.com/thread-1136-1-1.html
