首頁 > 開發者 > JavaScript
雖然10年前搞過一段時間的Web應用開發，且為所在企業設計了一個基於ASP.NET WebForms（在.NET 1.1的基礎上）的Web應用開發架構。但是，後來一直做的都是案頭類的應用，比如SmartClient，基於Silverlight的RIA，甚至到現在，我們公司的產品就是一個純用戶端的單機WinForms應用。所以，我應該是一個徹徹底底的傳統型應用程式員了。已經很久不碰JavaScript這樣的東西了。
最近開始對JavaScript感興趣的原因，不外乎下面幾個：
我做的簡單嘗試的情境如下：
由於之前已經開始學習Knockout的東西，所以昨天決定基於KO來實現上述情境，這可以說是對KO的一點實際嘗試。具體做法如下：
這個簡單應用程式的HTML檔案如下：
<body> <div> <div data-bind="foreach: blogs"> <p> <a data-bind="attr: {href: $data.permalink, title: $data.title}" target="_blank"> <span data-bind="text: $data.date"></span>: <span data-bind="text: $data.title"></span> </a> </p> </div> <a href="blog" title="More" target="_blank">More</a> </div> <script type='text/javascript'> function Blog(data) { this.title = ko.observable(data.title); this.permalink = ko.observable(data.permalink); this.date = ko.observable(data.date.substr(0, 10)); } function BlogViewModel() { var self = this; self.blogs = ko.observableArray([]); $.getJSON("/blog/?feed=json", function (allData) { var mappedBlogs = $.map(allData, function (item) { return new Blog(item) }); self.blogs(mappedBlogs); }); } ko.applyBindings(new BlogViewModel()); </script></body>
上面HTML檔案分作兩個部分。第一個部分就是用於顯示介面的HTML，第二部分是實體物件的定義和擷取資料執行綁定的JavaScript代碼。
在第一部分中，由於使用了MVVM思想的綁定機制，對於我而言是非常熟悉的，這個和XAML沒有太多區別。
第二部分中，首先利用jQuery擷取JSON資料並轉換為可綁定的JavaScript對象（這裡真的簡單的讓我感到驚喜），可綁定是通過ko.observable來實現的；然後在ViewModel對象中提供一個可綁定的數組屬性給介面（即blogs屬性）。
上述功能雖然簡單，但是我覺得已經觸摸到了所謂Rich JavaScript Application或微軟稱之為 Scale JavaScript Application的實現途徑了。即：
這裡有一篇參考文章，值得一讀：
Rich JavaScript Applications – the Seven Frameworks (Throne of JS, 2012)Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
