博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
backBone.js初识
阅读量:6689 次
发布时间:2019-06-25

本文共 1242 字,大约阅读时间需要 4 分钟。

一、单页面应用

  1、单页面应用(single-page application :SPA),是指在浏览器中运行的应用,在使用期间不会重新加载页面

  2、它所有的活动局限于一个Web页面,仅在初始化加载时对应的HTML、JavaScript和CSS。一旦加载完成,SPA不会因为用户的操作而重新加载页面或者跳转。它是通过JavaScript动态变换HTML的内容,避免页面的重新加载,提供更具流畅性的用户体验。

  3.1、优点:前后分离,可以同时前后端的开发;减轻服务器的压力;更好的用户体验。

  3.2、缺点:SEO问题,由于是只有一个页面,搜索引擎在抓取数据的话只会抓取首页,其他跳转界面不会被抓取;

         浏览历史问题,也无浏览器记录,前进后退需要程序管理;

                      初次加载问题。

 

二、Backbone 简介

  1、BackBone 是由Jerry Ashkenas 创建的轻量级MVC JavaScript库,有两个特点:

    强制依赖Underscore.js

    非强制依赖于jQuery/Zepto

     2、以下是架构图:

   当用户在浏览器输入我们想要访问的地址的时候,router就会监听到URL的hash值的改变,然后会匹配到相应的View界面,这个时候View就会告ModelCollection,表明自己需要数据来轩然我们的页面,然后Model和Collection就去对应的数据请求。拿到数据之后就返回给View,然后渲染页面。

  

  

 

三、几种框架的简单介绍

  1、MVC 框架Model - View - Controller

     · 视图(View) 用户界面:传送指令到控制器

     · 控制器(Controller)业务逻辑:控制器完成业务逻辑后,要求model改变状态

     · 模型(Model)数据保存:将新数据发送到View,用户得到反馈

      

      

 

  2、MVP 框架Model - View - Presenter

    · 各部分之间的通信都是双向

    · View与Model不发生直接的联系,主要通过Presenter传递

    · View非常,不部署任何业务逻辑

    · Presenter非常,部署所有的业务逻辑

      

  3、MVVM框架:Model - View - ViewModel

    · MVVM 模式将Presenter 改名为ViewModel,基本上与MVP模式完全一致

    · 区别是,它采用的是双向绑定模式(data Binding)View 的改动会自动反映在ViewModel上,反之亦然

    · 比如说View中的数据发生改变,不需要通知ViewModel,ViewModel自己就会获取改变,同样,Model改变,ViewModel不需要通知View,View自己就会知道。

      

 

转载地址:http://bkkoo.baihongyu.com/

你可能感兴趣的文章
我的友情链接
查看>>
Android SDK Managerr开发工具包离线打包 已下载4.1、4.0.3、4.0、2.3.3、1.6直接使用
查看>>
《Android开发从零开始》——32.单选复选控件学习
查看>>
Dell R730配置RAID及系统OS部署步骤
查看>>
Mysql数据库用source命令导入SQL文件
查看>>
一个误区(关于javascript的字符串拼接)
查看>>
【Linux】【备忘】用户相关的部分操作指令
查看>>
Spring+Hibernate实现动态SessionFactory切换
查看>>
mocha: step by step
查看>>
我的友情链接
查看>>
一个apache服务器 用虚拟主机实现三个论坛的搭建
查看>>
asp获取当前页面url
查看>>
android:ListView的分页
查看>>
Python重要文献参考_摘自从零开始学Python
查看>>
如何做好日常运维的安全工作
查看>>
我的友情链接
查看>>
Office 365 用户指引 3 ——Exchange Online-邮件功能介绍
查看>>
Office 365管理员指引 14——Sharepoint 日历
查看>>
日常Shell处理命令
查看>>
入门到精通pl/sql编程(千里之行始于足下)3篇
查看>>