前端框架是什麼東西
什麼是Library(簡稱lib),什麼又是Framework?
Library
Library只管引進來使用,除了Library使用的接口,沒有其他約束,隨便怎麼用。jQuery就是一個Library
Framework
而框架(Framework)則有著各種各樣的嚴格約束。例如bootstrap,約束了DOM結構。例如AnglarJS,也對DOM結構有約束。這些都是框架。框架就像一門語言,有自己的世界。用了什麼框架,就得按照這個框架世界裡的規則去寫程式。
過去你有曾經使用 jQuery 發送 ajax 取得 json 資料,然後 for loop 這包 json,不斷地組成 html 字串,最後在>塞到畫面的經驗嗎? 使用前端框架可以不用再自己組奇怪的 html 字串了。這只是一個比較簡單的開始。
Data Binding
Data Model 跟 UI 的關係,參考下面這篇文章做解說
網頁進化史
最早的網頁只有文字,後來才開始有一些簡單的圖片,影片也沒有那麼多,大家只會架一些簡單的網站來顯示資訊,但是隨著時代的進步,我們拿網頁來做更多的事情,玩遊戲、看影片、上FB,尤其是Facebook或是Gmail,這些網站就不只是呈現一點資訊這麼單純,一下子要發文,一下要刪除,一下又要顯示別的資訊,所以搭配上前端框架,會更加方便。