1.js操作html
利用原生的javascript (js包括ECMAscript BOM DOM)的DOM操作dom節(jié)點(diǎn)改變html中的數(shù)據(jù)躏救。
2.jquery階段
由于DOM語法的復(fù)雜和各種瀏覽器兼容性問題做裙,jquery的出現(xiàn)拯救前端程序員于水深火熱之中膨桥。
3.MVC模式階段
View:視圖層 --用戶界面
Controller:控制器 --業(yè)務(wù)邏輯
Model:模型--數(shù)據(jù)保存
view傳送指令到controller剔交,
controller完成業(yè)務(wù)邏輯以后,要求model改變狀態(tài)
model將新的數(shù)據(jù)發(fā)送到view夺颤,用戶得到反饋
4.MVVM模式階段
采用了雙向數(shù)據(jù)綁定(data-binding):view的變動(dòng)镣奋,自動(dòng)反應(yīng)在viewModel,反之亦然悉尾,model的數(shù)據(jù)的變動(dòng)突那,也自動(dòng)展示給頁面顯示
把model和view關(guān)聯(lián)起來的就是viewModel。viewModel負(fù)責(zé)把model的數(shù)據(jù)同步到view顯示出來构眯,還負(fù)責(zé)把view的修改同步回model愕难。