javascript – 如何使用Knockout架构单页面应用程序?

我已经开始玩Knockout最近,我必须说这是真正的真棒和它可以带给网络应用程序的力量.

不过现在我想用Knockout做一些真实世界和建筑师我的解决方案.例如.我的视图模型应该如何初始化他们应该去哪里?我主要针对单页面应用.所以,我主要对构建单页应用程序感兴趣.

解决方法

有很多的拼图,但这里是一个简短的名单为我.

免责声明:我也会对您的应用做出一些假设,所以有些将会有所不同.此外,这只是一种方法.可能有好的方法但这应该是一个很好的起点.

假设你的应用程序是一套在SPA中的5个主要视图:

>创建一个主/ shell html页面来容纳应用程序
>为每个视图创建一个视图/部分页面(html).每个视图都被隐藏,直到您浏览/路由.
>创建一个可以绑定到每个视图的视图模型创建一个
bootstrapper.js,可以踢任何东西.
Bootstrapper应该调用你使用的任何路由引擎(sammy,history等)
Bootstrapper会把视图绑定到viewmodel中,Bootstrapper可以
还可以启动您的SPA的任何种子数据和状态
>提示:使用SoC.使您的视图模型成为视图的模型.不要让他们做路由,ajax调用,ui操作等.有独立的对象为其他功能. DRY,KIS,SoC …所有好东西:-)

我使用显示模块模式来创建我的视图模型,尽管标准模块也是完美的.

如果你有一个更具体的问题,高兴地回答.我试图保持这个简短的真相,这不是一个5分钟的答案.事实上,我正在为Pluralsight写一个课程,以一种方式在2012年8月进行:-)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: 首先在编辑器里面插入javascript代码: 确定后会在编辑器插入这样的代码: <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮,因为SyntaxHighlighter的应用非常广泛,所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小
JS怎么获取当前时间戳
JS如何判断对象是否为数组
JS怎么获取图片当前宽高
JS对象如何转为json格式字符串
JS怎么获取图片原始宽高
怎么在click事件中调用多个js函数
js如何往数组中添加新元素
js如何拆分字符串
JS怎么对数组内元素进行求和
JS如何判断屏幕大小
js怎么解析json数据
js如何实时获取浏览器窗口大小
原生JS实现别踩白块小游戏(五)
原生JS实现别踩白块小游戏(一)