jQuery 和 KnockoutJS 源码放送-在线颜色编辑器

简要的KnockoutJS介绍

KnockoutJS 提供两个重要的元素使用MVVM模式：

•    JavaScript 类observable 和observableArray，用于监视ViewModel 变量的变动。

•    当页面中变量改变时，和observables 关联的HTML 扩展标记会自动更新数据。HTML扩展标记是非常丰富的，除了展示数值和字符串，他们也可以用于定制样式、展示列表、表格、图表等。这些The markup extensions are similar to Binding objects in XAML development.

使用KnockoutJS 开发程序，首先我们需要从创建包含业务逻辑ViewModel 的类开始。这些类可以通过在创建 View 之前进行测试。View 层使用HTML CSS 创建。 

最后，通过KnockoutJS ApplyBindings 方法连接ViewModel和View，在这个方法中Object 模式被作为参数实际上创建绑定。

在我看来，KnockoutJS仅仅是一个外壳、一个框架，这些只是JS 框架的一些延伸。KnockoutJS 拥有丰富的官方例子、资源和详细的文档，可以从KnockoutJS 的官网获取。

Wijmo

由于篇幅限制，这里就不过多解释了，请参考百度百科 Wijmo。

关于本应用-Colorinator

本应用是一个学习使用 jQuery 和 KnockoutJS 的实例。可以自动根据红色、绿色及蓝色值来计算、调整颜色，同时，应用中也使用了 Wijmo jQuery 的滚动条和文本框插件。

也可以收藏本页，随心所欲的在线调节颜色。

 

之前的 开发在线股票走势图应用 中有朋友希望获得源码，这里也给出本应用源码。好了，不多说了，有兴趣的朋友可以在文章底部下载源码。直接上演示页面：

 

源码下载：Colorinator

 

1.    http://knockoutjs.com KnockoutJS 主页。
2.    http://jqueryui.com/ jQueryUI 主页。
3.    http://wijmo.com Wijmo 主页。 

4.    http://www.gcpowertools.com.cn/products/c1_asp_overview.htm Wijmo 中文网站