【10.06】关于SPA,以及Backbone.js基本用法学习摘要
2013-10-09 12:04
363 查看
@author:吕婉琪
【对SPA的一些理解】
single-page
application(SPA),也即单页面应用,官方说法是“指用户通过浏览器加载独立的HTML页面并且无需离开此导航页面。一个SPA是一个Web应用程序,但结构不同。第一次请求时,HTML就已经传输到客户端,其余的请求都通过REST
API获取JSON数据,数据的传输通过Web Socket API或远程过程调用。SPA通过分离css内容,改进架构的灵活性,调用服务器(AJAX)再到解压导航页面结构,来完成分拆。”。相当于在打开这个应用到离开这个应用,无论中间做了什么操作,知道关闭之前都只会在同一个页面上响应。
我认为其独特的优势在于,它为用户提供里更接近一个本地移动或桌面应用程序的体验。并且因为数据和界面分离,可以重写一个原生的移动设备应用程序而不必对原有数据服务“大动干戈”。或许SPA将引领下一代WEB新趋势。
【Backbone.js学习摘要】
首先,学习之前,我认为先应明确为何要使用backbone.js,才能更加得心应手地使用好这个框架。这个链接很好地说明了了这一点http://backbonetutorials.com/why-would-you-use-backbone/。个人理解,这与为什么使用MVC基本上就是一样的理由,为了避免一堆一堆jQuery的回调函数,绑定了写死了的DOM节点,需要使用结构化的方法,而Backbone.js提供了一些函数库帮助模块化。
具体使用Backbone.js的方法,我认为下面的链接很好的讲解了其用法。在此做翻译的工作也没有什么意义,因此仅将链接附上。
Backbone的model
Backbone的View
Backbone的Router
Backbone的Collection
【Backbone.js实例】
两个比较有名的demo,
todos : http://localtodos.com
helloRocket : http://258i.com/template/hellorocket/hellorocket.html
【对SPA的一些理解】
single-page
application(SPA),也即单页面应用,官方说法是“指用户通过浏览器加载独立的HTML页面并且无需离开此导航页面。一个SPA是一个Web应用程序,但结构不同。第一次请求时,HTML就已经传输到客户端,其余的请求都通过REST
API获取JSON数据,数据的传输通过Web Socket API或远程过程调用。SPA通过分离css内容,改进架构的灵活性,调用服务器(AJAX)再到解压导航页面结构,来完成分拆。”。相当于在打开这个应用到离开这个应用,无论中间做了什么操作,知道关闭之前都只会在同一个页面上响应。
我认为其独特的优势在于,它为用户提供里更接近一个本地移动或桌面应用程序的体验。并且因为数据和界面分离,可以重写一个原生的移动设备应用程序而不必对原有数据服务“大动干戈”。或许SPA将引领下一代WEB新趋势。
【Backbone.js学习摘要】
首先,学习之前,我认为先应明确为何要使用backbone.js,才能更加得心应手地使用好这个框架。这个链接很好地说明了了这一点http://backbonetutorials.com/why-would-you-use-backbone/。个人理解,这与为什么使用MVC基本上就是一样的理由,为了避免一堆一堆jQuery的回调函数,绑定了写死了的DOM节点,需要使用结构化的方法,而Backbone.js提供了一些函数库帮助模块化。
具体使用Backbone.js的方法,我认为下面的链接很好的讲解了其用法。在此做翻译的工作也没有什么意义,因此仅将链接附上。
Backbone的model
Backbone的View
Backbone的Router
Backbone的Collection
【Backbone.js实例】
两个比较有名的demo,
todos : http://localtodos.com
helloRocket : http://258i.com/template/hellorocket/hellorocket.html
相关文章推荐
- 关于模板引擎handlebars.js基本用法
- JS 学习——基本语法以及数据类型
- js学习笔记 - sort()方法的用法,参数以及排序原理
- js学习三、“普通”函数中的this,以及call,apply用法
- Android adb命令学习笔记(一)——adb介绍以及关于传输文件等相关基本命令
- QT学习笔记之QT5 + VS2013/VS2015 中文乱码解决办法以及ListView,TableView,TreeView的基本用法
- iOS-Animation学习2-CABasicAnimation以及CAAnimationGroup的基本用法
- 【学习笔记】汇编:关于CLD以及DF的用法,还有一点REP的使用
- WebView的基本用法以及和js交互
- AJAXPro用法,关于JS同步和异步调用后台代码的学习
- 嗯,关于JS函数内部变量的赋值和调用以及this的用法
- 关于js匿名函数以及闭包的学习(一)
- 关于模板引擎handlebars.js基本用法
- C语言学习笔记(三) 输入输出函数的基本用法以及运算符
- AJAXPro用法,关于JS同步和异步调用后台代码的学习
- JS , CSS ,image HTML DOM的加载过程 以及 总结JS的基本用法
- 【S2HS学习笔记】第三章节:Hiberbate的基本用法01
- 关于数据库中的JOIN的用法学习
- 关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 (转载)
- 【VC++ 中使用ADO操作数据库学习笔记】_ConnectionPtr指针的基本用法