backBone.js初識

1、單頁面應用

　　一、單頁面應用（single-page application ：SPA），是指在瀏覽器中運行的應用，在使用期間不會從新加載頁面。

　　二、它全部的活動侷限於一個Web頁面，僅在初始化加載時對應的HTML、JavaScript和CSS。一旦加載完成，SPA不會由於用戶的操做而從新加載頁面或者跳轉。它是經過JavaScript動態變換HTML的內容，避免頁面的從新加載，提供更具流暢性的用戶體驗。

　　3.一、優勢：先後分離，能夠同時先後端的開發；減輕服務器的壓力；更好的用戶體驗。

　　3.二、缺點：SEO問題，因爲是隻有一個頁面，搜索引擎在抓取數據的話只會抓取首頁，其餘跳轉界面不會被抓取；

　　　　　　　  瀏覽歷史問題，也無瀏覽器記錄，前進後退須要程序管理；

                      初次加載問題。

 

2、Backbone 簡介

　　一、BackBone 是由Jerry Ashkenas 建立的輕量級MVC JavaScript庫，有兩個特色：

　　　　強制依賴Underscore.js

　　　　非強制依賴於jQuery/Zepto

     二、如下是架構圖：

　　　當用戶在瀏覽器輸入咱們想要訪問的地址的時候，router就會監聽到URL的hash值的改變，而後會匹配到相應的View界面，這個時候View就會告訴Model或者Collection，代表本身須要數據來軒然咱們的頁面，而後Model和Collection就去對應的數據請求。拿到數據以後就返回給View，而後渲染頁面。

　　

　　

 

3、幾種框架的簡單介紹

　　一、MVC 框架Model - View - Controller

　　　　 · 視圖（View） 用戶界面：傳送指令到控制器

　　　　 · 控制器（Controller）業務邏輯：控制器完成業務邏輯後，要求model改變狀態

　　　　 · 模型（Model）數據保存：將新數據發送到View，用戶獲得反饋

　　　　　　

　　　　　 

 

　　二、MVP 框架Model - View - Presenter

　　　　· 各部分之間的通訊都是雙向的

　　　　· View與Model不發生直接的聯繫，主要經過Presenter傳遞

　　　　· View很是薄，不部署任何業務邏輯

　　　　· Presenter很是厚，部署全部的業務邏輯

　　　　　　

　　三、MVVM框架：Model - View - ViewModel

　　　　· MVVM 模式將Presenter 更名爲ViewModel，基本上與MVP模式徹底一致

　　　　· 區別是，它採用的是雙向綁定模式（data Binding）View 的改動會自動反映在ViewModel上，反之亦然

　　　　· 好比說View中的數據發生改變，不須要通知ViewModel，ViewModel本身就會獲取改變，一樣，Model改變，ViewModel不須要通知View，View本身就會知道。