Home > Developer > JavaScript
Although I developed web applications for a period of time 10 years ago, I designed a web application development framework based on ASP. NET webforms (Based on. NET 1.1) for my enterprise. However, we have been working on desktop applications, such as smartclient, Silverlight-based Ria, and even now, our company's products are single-host winforms applications with pure clients. Therefore, I should be a thorough desktop application.ProgramMember. I haven't touched anything like JavaScript for a long time.
The recent reasons for interest in JavaScript are as follows:
The following is a simple attempt:
Since I have already started learning knockout, I decided to implement the above scenario based on Ko yesterday. This is a practical attempt on Ko. The procedure is as follows:
The HTML file of this simple application is as follows:
<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>
The preceding HTML file is divided into two parts. The first part is the HTML used to display the interface, and the second part is the definition of the object and the JavaScript code for getting data to execute the binding.
In the first part, I am very familiar with the binding mechanism using the mvvm idea. This is not much different from XAML.
In the second part, we first use jquery to obtain JSON data and convert it to a bound JavaScript Object (this is a simple surprise to me). You can bind it to Ko. and then provide an array attribute that can be bound to the interface (that is, the blogs attribute) in the viewmodel object ).
Although the above functions are simple, I think I have touched the implementation path of the so-called rich JavaScript Application or the scale JavaScript Application called by Microsoft. That is:
Here is a reference article worth reading:
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
