`
文章列表
Model顶层负责程序的数据层,使用它可以很容易做以下操作: 1、通过服务端获取和修改数据。 2、监听数据的变化 3、在HTML元素上设置和获取Model 4、分配数组数据 5、其它好东西 Model继承于Class,并且使用REST服务和延迟,所以这些概念是很值得研究的。 1、通过服务端获取和修改数据 Model让连接一个JSON REST服务非常容易。下述的Todo的Model,它具有创建,获取,修改和删除的功能。 $.Model('Todo',{ findAll: 'GET /todos.json', findOne: 'GET /todos/ ...
视图提供在JQuery中使用模板的一致接口。 当模板引擎注册它们,你就可以做以下的操作: 1、在Jquery中视图扩展了after,append,before,html,prepend,replaceWith,text。 2、模板可以从HTML元素和额外文件中加载 3、同步和异常的模板加载机制 4、延迟渲染 5、模板缓存 6、在产品构建中绑定处理后的模板 7、直接在模板中连接Jquery插件 使用 使用视图时,你总是想把渲染后的视图插入到页面中。jQuery.View重写了jQuery的修饰符,所以使用一个视图是非常容易的: $(" ...
Controller帮助创建合理的,可释放内存,快速执行jQuery配件。 它非常好的灵活性让它可以为一个传统和视图和控制器服务。 从这里我们可以得出,UI控件=视图+控制器。例如jquery UI:$("#test").dialog(); 这也意味着我们使用它来很容易创建像Tab,Grid和右键菜单等控件,并且很好组合,符合行业规则。 控制器让你的代码有确定性,复用性,组织性,且可以很方便下载。 阅读关于the theory behind controller and a walkthrough of its features on Jupiter's blog. ...
控制器安装和卸载事件句柄非常容易。卸载事件句柄对于防止内存泄漏非常重要。 自动绑定 当一个新的控制器创建后,控制器原型方法那些是事件句柄。它会把使用控制器的事件委托功能把这些函数绑定控制器上。 当这个控制器销毁(或者对应的元素从页面上删除),控制器将自动卸载它的事件句柄。 例如:以下控制器的每个函数将自动绑定:   $.Controller("Crazy",{ // listens to all clicks on this element "click" : function(el, ev){}, // liste ...
Class提供相当继承的功能。使用Class就可以让我们结合面对过程和面对对象编程开发。 除了原型继承之外,它还包含了一些重要的特性: 1、静态继承 2、内省 3、命名空间 4、Setup和Init方法 5、容易创建回调函数 静态 V 原型 在学习Class之前,理解一个Class的Static和Prototype属性的不同。   //STATIC MyClass.staticProperty //shared property //PROTOTYPE myclass = new MyClass() myclass.prototypeMethod() //inst ...
其实下面我写的主要并不是Fixture,而是Model.List,为什么还要起这个Fixture续这个名呢? 因为Fixture中,我们讲到它能模拟我们几乎所有的Ajax请求类型,其实真的是我想少了2个种操作。 就是批量的删除,和删除修改,当然,我们 ...
常常,项目中创建,修改数据时,都会对前台提交的数据验证,转变。然后再提交给后台处理,这个步骤 是我们开发人员一定要完成的工作。在之前,我们在做数据验证或者转变时,都是把各种验证和数据转变都 写成各种函数 ...
如果开发过Java的RCP程序的同学就会知道数据绑定databinding这个功能。 由于之前JavaScript没有使用MVC框架,所以对于Web程序来说,也没有什么数据绑定之说,但是有了MVC框架之后, Jquery也给出一个数组绑定插件Tie,这个插件可以实现数据绑定功能。 下面我们还是通过例子来讲解Tie是如何使用的,我们如何在Controller中使用Tie来达到视图绑定数据,当数据模型单个 字段值变化时,视图对应的值及时更新。 下面的代码是接着上一篇《JavaScriptMVC之数据绑定(jquery.tie)》的代码来讲的,不明白之处可以看一下这篇文章。 为了页面一下看 ...
注:阅读这篇同学必须已经认识了JavaScriptMVC,否则,看起来比较困难。 $.fixture(固定物)是拦截Ajax请求并且用一个文件或者函数来模拟响应结果。当你想开发没有后台的JavaScript,它是一个很好的技术支撑。Fixtures的类型 一般 ...
1、压缩文件 在厨师手册程序中加载了很多资源,如果我们想下载这个程序,需要下载很多文件,所以MVC框架提供了把这么多文件压缩成一个文件的压缩工具。 压缩脚本 在压缩你的程序之前,需要在DOC控制台执行下面命令: C ...
JavaScriptMVC放一个极大强调的重点在测试方面。JavaScriptMVC框架是使用FuncUnit模块帮助我们更容易编写功能和单元测试,且测试可以执行在浏览器或者全自动化。 当你架构完食谱模块后,它会自动生成测试代码。下面这篇文章是指导我们如何完成下面5件事。 1、执行单元测试。 2、理解单元测试。 3、执行功能测试。 4、理解功能测试。 5、测试是一个很好的功能。 1、执行单元测试 FuncUnit使用Jquery的QUnit工具进行测试像模块和基本插件。你可以在浏览器或者Envjs中执行这些测试。 执行单元测试在浏览器中 打开cookbook/qunit.ht ...
如何使用JavaScriptMVC开发项目第一步,就是创建应用程序。 在这里我们使用一个例子开始讲解。 下面我们将创建一个基本厨师手册应用系统,它让我们可以创建和删除食谱。如下图: JavaScriptMVC提供生成脚本来帮助你们安装应用程序的文件和文件夹。 1、创建一个应用程序 在创建你的应用程序之前,打开一个Window系统的控制台窗口,即doc命令窗口,并且把目录定位到JavaScriptMVC包目录下。 在DOC命令窗口,执行: js jquery/generate/app cookbook 这个脚本将生成一个应用程序的文件夹和文件。生成最张的程序目录如下: cookb ...
JavascriptMVC 之 route 的 history功能的使用 如果使用过ExtJs的同学,应该会知道它的history的功能,而在jquery MVC 框架中的route也具体有这种功能, 不过history的功能只是route中的其中一个功能。 在这里,只是举例介绍如何使用route的hi ...
下面是在使用wijmo+javascriptmvc中遇到的一些问题:1、Ajax请求中,后台响应消息的格式必须与dataType一致,否则,在控制器中监听不到Model的一些默认事件(例如:created,updated,destroyed).例子:如果我们定义了一个Ajax请求,其dataTy ...
javascriptmvc之funcunit funcunit相当我们程序中的单元测试,但是在这里我们可以使用它来完成页面的自动化测试,在这里我们需要测试的是视图和模型。 在这里我使用2个实例来说明如何使用funcunit来测试视图和模型。 首先,我们 ...
Global site tag (gtag.js) - Google Analytics