框架封裝基礎

2021-07-28 09:29:02 字數 1155 閱讀 6972

汙染:全域性變數!
//通過傳參,可以讓程式減少查詢過程 優化**

(function

(win),

json = ;

window[json] = json;

})(window)

return

零汙染框架雛形

(function

(win)

win.$ = $$

})(window)

命名空間的模組化

(function(win)

/*公共模組*/

$l.common = {}

/*字串*/

$l.common

.str = {}

/*陣列*/

$l.common

.arr = {}

/*數字*/

$l.common

.num = {}

/*判斷型別*/

$l.common

.type = {}

/*事件*/

$l.common

.event = {}

/*選擇*/

$l.common

.selector = {}

/*css*/

$l.common

.css = {}

/*屬性*/

$l.common

.attr = {}

/*內容*/

$l.common

.html = {}

/*ajax*/

$l.common

.ajax = {}

/*動畫*/

$l.common

.animation = {}

win.$ = win.$l = $l;

})(window)

(function

(win)

//給物件原型新增方法

fn.prototype =

}//返回物件 實現呼叫

function $(str

) })

(window)

封裝mvc框架

為了達到更快的開發效率,我們可以根據mvc思想來封裝屬於我們自己的框架 首先我們先來一起回顧下mvc模式的目的,mvc是實現一種動態的程式設計,使後續對程式的修改和擴充套件簡化,並且使程式某一部分的重複利用成為可能,此模式通過對複雜度的簡化,使程式結構更加直觀。軟體系統通過對自身基本部分分離的同時也...

封裝緩動框架

function animate obj,json,fn else var step target leader 10 step step 0?math.ceil step math.floor step leader leader step 我們要給傳遞過來的屬性賦值 if k opacity e...

框架 axios封裝(介面)

1.統一請求方式,方便介面的取用和閱讀 2.簡化請求的 量,減少重複 冗餘 3.介面 4.方便修改 1.設計圖和專案功能 2.後端寫介面 3.提供前端介面 2.前端寫頁面 3.寫功能 4.虛擬介面資料測試功能 5根據真實介面調整前端介面資料 import axios from axios impor...