前端框架及庫簡介

一、js運行機制

javascript是一門單線程語言
同步和異步任務分別進入不一樣的執行"場所"，同步的進入主線程，異步的進入Event Table並註冊函數。
當指定的事情完成時，Event Table會將這個函數移入Event Queue。
主線程內的任務執行完畢爲空，會去Event Queue讀取對應的函數，進入主線程執行。
上述過程會不斷重複，也就是常說的Event Loop(事件循環)。

二、js庫

jquery
jquery主要是用於處理js和html頁面交互的，封裝了不少操做dom的方法，以及ajax，相比於原生的js更加的簡潔，提升了開發效率。

underscore
underscore.js能夠理解爲一個js的函數庫，其中主要封裝了一些經常使用的js操做函數方法，好比數組操做的map，reduce，filter等等，不過這些函數大多在es6中已經實現了。相似underscore的仍是lodash，都是輔助js開發的。

Lodash
Lodash是js的工具庫，它內部封裝了諸多對字符串、數組、對象等常見數據類型的處理函數，其中部分是目前ECMAScript還沒有制訂的規範，但同時被業界所承認的輔助函數。

三、前端框架

2.一、 vue

• 簡介 Vue.js是當下較爲流行的一個JavaScript MVVM框架，它是以數據驅動和組件化的思想構建的。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，更易快速地上手並使用。

  不一樣於jQuery手動操做DOM，Vue.js是數據驅動的，它經過一些特殊的HTML語法，將DOM和數據綁定起來。一旦你建立了綁定，DOM將和數據保持同步，每當變動了數據，DOM也會相應地更新。

• mvvm（model-view-view-model）框架：
  ViewModel： 是Vue.js的核心，它是一個Vue實例。做用於某一個HTML元素上的(HTML的body元素或是指定了id的某個元素）。
  雙向綁定：咱們將上圖中的DOM Listeners和Data Bindings看做兩個工具，它們是實現雙向綁定的關鍵。
  DOM Listeners：幫咱們監測頁面上DOM元素的變化，若是有變化，則更改Model中的數據；
  Data Bindings：當更新Model中的數據時，它會幫咱們更新頁面中的DOM元素。