1. 程式人生 > >插件學習總結

插件學習總結

wid .com 周期 image 生命周期 項目 影響 height 框架

在我們使用各種軟件或者瀏覽網頁是都需要用到插件,但插件的開發一直被我忽略,通過賀這次的團隊作業,我也開始了解到插件的開發,特別是屏蔽插件的開發。

在我們這次的團隊項目中,我們使用的是對象級別的js插件的開發,我們通過利用閉包對函數進行封裝,從全局作用域上查找的速度會比在私有作用域裏面慢得多。所以,我們最好將插件邏輯寫在一個私有作用域中。實現私有作用域,最好的辦法就是使用閉包。可以把插件當做一個函數,插件內部的變量及函數的私有變量,為了在調用插件後依舊能使用其功能,閉包的作用就是延長函數(插件)內部變量的生命周期,使得插件函數可以重復調用,而不影響用戶自身作用域。也是為了避免對函數造成汙染。

例如:我們在對content.js(註入其他頁面的腳本,可以和其他頁面交互,完成諸如解析其他的DOM樹,響應其他頁面的Event等等動作)進行編譯的時候,就是通過這個方法進行編譯的。詳細看一下代碼:

技術分享圖片

然後我們可以在這個封裝的裏面進行模塊的設計,即對各個參數、屬性、功能、API進行設計,如在插件中設置監聽功能、啟動和關閉插件、獲取dom函數、等。我們還需要將插件暴露給全局變量,我們也需要對插件的框架進行設計,最後進行插件的發布設計等。

插件學習總結