backbonejs和requirejs的实例

define([‘login‘, ‘ApplyFlapper‘],  //为ApplyFlapper为ApplyFlapper.js文件
    function (loginView,  applyFlapperView) {   //applyFlapperView的view
        var Router = Backbone.Router.extend({
            routes: {
                ‘‘: ‘showHome‘,

                ‘applyFlapper‘: ‘showApplyFlapper‘,   //对应的是页面applyFlapper.html,showApplyFlapper()为打开页面的方法
            },
            data: {
                module_login: null,

                module_ApplyFlapper: null,
            },
            showHome: function () {
                if (!this.data.module_auctionList) {
                    this.data.module_auctionList = new auctionListView();
                }
                this.data.module_auctionList.render();
            },
               showApplyFlapper: function () {
                console.log("go to ApplyFlapper");
                if (!this.data.module_ApplyFlapper) {
                    this.data.module_ApplyFlapper = new applyFlapperView();
                }
                this.data.module_ApplyFlapper.render();
            },
            init: true
            }
           });
时间: 2024-08-03 05:45:32

backbonejs和requirejs的实例的相关文章

requirejs 使用实例

作为前端开发人员,模块化编程是其身边一个重要工具.它可以规范你的代码,解决由于多个js之间的可能存在的依赖关系,并且提升网页渲染速度. 首先来个简单的例子,实现一个简单的jia,jian,cheng,chu. 先看例子: <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <scri

requirejs 使用实例r.js打包

在这里,请先看基础文章与相关技术文档: 安装: npm init npm install requirejs --save npm install [email protected]1.11.1 --save 创建基本目录: js/main.js&test.js css/index.css index.html build.js copy requirejs目录下的r.js到根目录 创建导出目录:one 测试目录创建完成! index.html <!DOCTYPE html> <

RequireJS实例分析

随着JS越来越庞大,已经不仅仅是以前复制粘贴做特效的时代了,JS越来越偏向于业务逻辑与应用.恰逢Node的流行,JS在web开发中占有越来越重要的地位.由于JS代码庞大,文件数目多,传统的使用<script src=""></script>会带来很多性能的问题,因此requirejs可以为我们提供两种解决思路: 1 模块化组织JS 2 异步加载JS文件 有了这两种解决办法,能有效的帮助我们解决前端代码库的组织难题. 本文下面就模拟一个小例子,由于并没有应用实践,

浅谈HTML5单页面架构(二)——backbone + requirejs + zepto + underscore

本文转载自:http://www.cnblogs.com/kenkofox/p/4648472.html 上一篇<浅谈HTML5单页面架构(一)——requirejs + angular + angular-route>探讨了angular+requirejs的一个简单架构,这一篇继续来看看backbone如何跟requirejs结合. 相同地,项目架构好与坏不是说用了多少牛逼的框架,而是怎么合理利用框架,让项目开发更流畅,代码更容易管理.那么带着这个目的,我们来继续探讨backbone. 首

TodoMVC中的Backbone+marionetteJS+requireJS例子源码分析之一

Marionette牵线木偶,Backbone是脊骨的意思,Marionette是基于Backbone做扩展库,可以理解为把脊骨骨架绑线扯着变成牵线木偶动起来哈哈,使backbone更易使用呵呵! 构建或者扩展了很多新的东西,如:Application,Region,ItemView,CollectionView,CompositeView,LayoutView,AppRoute,Controller等等,把很多重复性的工作变成配置,程序入口引入了集中处理器Application,貌似Mario

requireJS使用

requireJS使用 requirejs使用 开篇引题 为什么使用require.js require.js加载 配置require:config方法 define方法:定义模块 require方法:调用模块 require合并 实例列表 参考文档 开篇引题 随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂.网页越来越像桌面程序,需要一个团队分工协作.进度管理.单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑. J

使用requireJS实现模块化编程

RequireJS是一个工具库,主要用于客户端的模块管理.他可以让客户端的代码分成一个个模块,实现异步或动态加载,从而提高代码的性能和可维护性.他的模块管理遵守AMD规范(Asynchronous Module Definition). RequireJS的基本思想就是:通过define方法,将代码定义为模块:通过require方法,实现代码的模块加载. 第一步,将requirejs.js文件使用script标签嵌入到网页,然后即可以使用requireJS进行模块化编程. <script dat

2014/08/04 – Backbonejs

[来自: Backbone.js 开发秘笈 第1章] 各种模型实际上是通过扩展其基类 Backbone.Model 实现的.同理,定义的集合是靠扩展其基类 Backbone.Collection 而实现的. 控制器的功能被分散实现在 Backbone.Router 和 Backbone.View 当中. 路由器负责处理 URL 的变化,并且委派一个视图来继续处理应用.路由器(异步)获取模型后,随即触发一个视图的更新操作. 视图负责监听 DOM 事件.它要么对模型进行更新,要么通过路由器转移到应用

requirejs代码结构分析

一.函数入口函数. req = requirejs = function (deps, callback, errback, optional) { //Find the right context, use default var context, config, contextName = defContextName; //“_” //deps 是对象的话,则可能是config. // Determine if have config object in the call. if (!is