前端框架封裝(一)

2022-01-15 11:33:02 字數 1336 閱讀 7920

jquery對外暴露了兩個方法:jquery和$,

* 這兩方法實際上是同乙個方法,

* 通過呼叫這兩個方法,可以得到乙個jquery例項物件。

* jquery例項物件是乙個偽陣列物件。

* jquery和$實際上是乙個工廠函式。

先實現乙個彈出框外掛程式的實列:(為了實現外掛程式機制,讓外界可以透過jquery.fn擴充方法。)

object.prototype.tostring:

作用:根據內部的this返回乙個類似於這樣的字串'[object constructorname]'

這個方法有個缺點,不能獲取使用者自定義物件的具體型別,只能獲取內建物件的型別。

//測試    

簡寫 ==> 因為{}物件直接繼承object.prototype,

所以通過這個物件得到的tostring,一定來自object.prototype。

console.log(({}).tostring.call());

console.log(({}).tostring.call( new date() ));

console.log(({}).tostring.call( array ));

console.log(({}).tostring.call( date ));

用這個tostring獲取自定義物件的型別

function person(){}

var xiaofang = new person();

console.log(({}).tostring.call( xiaofang ));

**塊就是一對大括號。

如果把一對大括號賦值給其他變數,或者參與運算,那麼大括號就變成了字面物件。

{}.tostring();//錯誤
需要通過運算,把{}轉換為字面量,才能呼叫方法

console.log(({}).tostring());

前端mqtt封裝

對mqtt進行封裝 之前用paho mqtt這個模組,大概了解了mqtt的用法下面我用mqtt模組進行封裝 以下 可以直接複製到乙個js檔案中 import mqtt module from mqtt const mqtt function url this client this mqtt.con...

前端vue axios 封裝

vue init webpack deaxios 使用腳手架建立專案 deaxios 專案名,隨便取得 cd deaxios 進入專案 npm install axios 0.19 2 安裝axios npm i element ui s 安裝element ui到當前專案 第一步 例項化axios...

前端封裝WebSocket

最近遇到的專案不少都要使用websocket,這兒我把它封裝起來,使用起來非常簡單。1.首先在專案裡面建立乙個websocketutils.js的檔案let farmwebsocket function this.ws null websocket例項 this.repeat 0 this.oncl...