【backbone之路由锚点的替换】的更多相关文章

backbone之路由锚点的替换

1.需求 由于项目一开始做的时候不甚完善,所有的网页没有路由功能,导致一些搜索结果在页面跳转之后,没有被记录下来,在页面跳转之后回退,得到的是页面最原始的结果,没有指定的搜索条件.最近项目的在完善这些小的细节,所以在此记录一下. 2.操作 由于项目的所有传参都是使用 '?' 来标识的,而Backbone的路由是使用锚点 '#' 来的,为了兼容以前的做法,不得不去修改Backbone的源码,还好路由部分的源码不多 2.1 修改Backbone的源码,版本1.3.3 1)修改标识 '#' -> '?…

Router和History (路由控制)-backbone

Router和History (路由控制) Backbone.Router担任了一部分Controller(控制器)的工作,它一般运行在单页应用中,能将特定的URL或锚点规则绑定到一个指定的方法(后文中称Action). 当我们开发一个单页应用时,常常会遇到这样两个问题: 我们在同一个页面中通过用户的操作来隐藏.显示HTML块,为用户提供一个无刷新.完整流畅的体验,但用户可能并不知道他当前正处于同一个页面中,因此他希望通过浏览器的“前进”和“后退”按钮来返回和前进到上一步操作.当他真正这样操作时…

全面解析JavaScript的Backbone.js框架中的Router路由

这篇文章主要介绍了Backbone.js框架中的Router路由功能,Router在Backbone中相当于一个MVC框架中的Controller控制器功能,需要的朋友可以参考下. Backbone 中的 Router 充当路由的作用,控制 URL 的走向,当在 URL 中使用 # 标签时生效.定义 Router 至少需要一个 Router 和一个函数来映射特定的 URL,而且我们需要记住,在 Backbone 中,# 标签后的任意字符都会被 Router 接收并解释.下面我们来定义一个 Rou…

BackBone结合ASP.NET MVC实现页面路由操作

1. 问题的背景 什么是页面路由操作,就是通过浏览器地址栏的标记来实现页面内部的一些操作,这些操作具有异步性和持久性.应用场景主要有页面操作过程中的添加收藏夹的操作.后退操作等过程中能完全恢复界面. Html中window.history.pushState的出现实现了页面路由操作.由于操作比较复杂,我们采用backbone的封装的路由操作来实现下面的案例. 2. 实现目标 我们要实现的应用程序左侧导航,右侧展示数据.可以加入收藏夹,可以回退,恢复和回退时可以完全恢复现场. 这个程序的逻辑思路为…

backbone.Router History源码笔记

Backbone.History和Backbone.Router history和router都是控制路由的,做一个单页应用,要控制前进后退,就可以用到他们了. History类用于监听URL的变化,和触发Action方法,他可以添加对url的监听, Router类用于定义和解析路由规则,并将URL映射到Action. router和history一些个人的注解 <!DOCTYPE html> <html> <head> <meta charset="u…

Backbone源码阅读手记

Backbone.js是前端的MVC框架,它通过提供模型Models.集合Collection.视图Veiew赋予了Web应用程序分层结构.从源码中可以知道,Backbone主要分了以下几个模块: (function(root) { Backbone.Events //自定义事件机制 Backbone.Model //模型 Backbone.Collection //模型集合 Backbone.Router //路由配置器 Backbone.View //视图 Backbone.sync //向…

Backbone框架浅析

Backbone是前端mvc开发模式的框架.它能够让view和model相分离,让代码结构更清晰简答,开发进度加快,维护代码方便.但是,现在出了一种mvvm框架,它是下一代前端mvc开发模式的框架,代表作是Angular.js,改天有时间去研究下.现在先来研究下Backbone框架. Backbone提供了Model, Collection, View,Events,Controller(Router).Model 用来创建数据,校验数据,绑定事件,存储数据到服务器端:View 用来展示数据.如…

backbone库学习-Router

backbone库的结构http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.html 本文的例子来自http://blog.csdn.net/eagle_110119/article/details/8842032 Backbone.Router担任了一部分Controller(控制器)的工作,它一般运行在单页应用中,能将特定的URL或锚点规则绑定到一个指定的方法(后文中称Action). 当我们开发一个单页应用时,常常会遇到这样两…

Backbone笔记（续）

Backbone Bockbone 总览 Backbone 与 MVC 模式:解决某一类问题的通用方案 - 套路 MVC:一种架构模式,解耦代码,分离关注点 M(Model) - 数据模型 V(View) - 表现视图 C(Controller) - 控制器 Backbone 与 SPA 传统web应用与 SPA 的区别: 状态概念代替了页面概念 http://www.example.com/page1 http://www.example.com/page2 http://www.exampl…

Backbone源码分析-Backbone架构+流程图

作者:nuysoft/高云/nuysoft@gmail.com 声明:本文为原创文章,如需转载,请注明来源并保留原文链接. Backbone0.9.1源码分析分析系列 jQuery1.6.1源码分析系列 参考资料 http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html 官网介绍 Backbone通过提供模型Models.集合Collection.视图Veiew赋予…