JavaScript框架設計模式詳解
mvc
Model（模型） - 模型代表一個存取數(shù)據(jù)的對象或 JAVA POJO。它也可以帶有邏輯，在數(shù)據(jù)變化時更新控制器。
View（視圖） - 視圖代表模型包含的數(shù)據(jù)的可視化。
Controller（控制器） - 控制器作用于模型和視圖上。它控制數(shù)據(jù)流向模型對象，并在數(shù)據(jù)變化時更新視圖。它使視圖與模型分離開。
是單向的
mvp
mvp的核心在于presenter層，該層的核心是對于dom元素的操作，以jquery實現(xiàn)列表頁為例，presenter主要是通過循環(huán)將Model中的數(shù)據(jù)與html的標簽進行組合，添加到View中去。
mvvm
mvvm的核心在于Model層，該層的核心是對于數(shù)據(jù)的操作， 相對于mvp模式，我們的編碼重點已經(jīng)由對dom的操作轉化為對數(shù)據(jù)的操作。VM層是指將數(shù)據(jù)展示到view層以及view層的數(shù)據(jù)傳遞至Model層。vue就是viewModel的一個典型的示例
vue的來源
vue借鑒了react的virtual dom 技術和 angular的ng- 指令技術
spa mpa
MPA: mutilip page application 多頁面應用
特點：首次加載比較快，后期加載比較慢。前期開發(fā)成本低，后期維護成本高。
SPA：singal page application 單頁面應用
首次加載比較慢，后期加載比較快。前期開發(fā)成本高，后期維護成本低。（主要復用得多）
createElement
var li = document.createElement(ele,src,content);
// ele 需要創(chuàng)建的元素
// src 元素的屬性
// content 元素中的內(nèi)容
var li = document.createElement(‘li',{className='list-li'},'123');
<li className="list-li">123<li>
class
class Person {
constructor(x,y) {
this.x = x;
}
add() {
console.log(this.x);
}
}
var person = new Person(1,2);
typeof Person // function 類本質是一個構造函數(shù)
Person === Person.prototype.constructor //true 類指向構造函數(shù)的原型
person.hasOwnProperty(x); //true
person.hasOwnProperty(y); //false
person.hasOwnProperty(add); // false
構造函數(shù)中的this指向實例化對象，所以x是person的屬性
而y和add相當于是添加在 Person.prototype上
person.__proto__.hasOwnProperty(add)//true
類中的函數(shù)，相當于是添加在該構造函數(shù)的原型上
總結
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內(nèi)容！
相關文章
這篇文章主要介紹了JavaScript中常用的六種互動方法示例，是個人的一些經(jīng)驗總結，這里分享給大家，希望對大家能夠有所幫助。2015-03-03
獲取網(wǎng)站跟路徑的javascript代碼(站點及虛擬目錄)
js獲取網(wǎng)站根路徑(站點及虛擬目錄) ,需要的朋友可以參考下。2009-10-10
js中定義函數(shù)的方式有多種，函數(shù)直接量就是其中一種。如var fun = function(){},這里function如果不賦值給fun那么它就是一個匿名函數(shù)。2009-06-06
Bootstrap分頁插件之Bootstrap Paginator實例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁插件，功能很豐富，個人覺得這款插件已經(jīng)無可挑剔了，感興趣的朋友跟著腳本之家小編一起學習吧2016-10-10
Js中數(shù)組是一個重要的數(shù)據(jù)結構,它相比于字符串有更多的方法,本篇文章總結了一些數(shù)組中常用的API,我們把它們分成兩類,一類是會改變原始數(shù)組,一類是不會改變原始數(shù)組,感興趣的小伙伴可以學習一下2023-09-09
這篇文章主要介紹了JavaScript 防抖和節(jié)流,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2021-09-09
Javascript 5種方法實現(xiàn)過濾刪除前后所有空格
這篇文章主要介紹Javascript 5種過濾刪除前后所有空格的方法,比較實用,需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了js微信掃描二維碼登錄網(wǎng)站技術原理,具有一定的參考價值，有需要的可以了解一下。2016-12-12
這篇文章主要為大家介紹了JavaScript如何給對象加一個只讀屬性，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了JavaScript Dom 綁定事件操作,結合實例形式詳細分析了JavaScript實現(xiàn)dom綁定事件的相關實現(xiàn)方法與操作注意事項,需要的朋友可以參考下2019-10-10