JS 簡單的元件化開發思想

2021-10-04 13:27:48 字數 467 閱讀 5852

/*利用立即執行函式和閉包的原理:*/

/*1. 定義外部接收用的變數*/

var yourvar;

/*2. 封裝元件*/

(function(形參root)

function 內部函式2 (arg)

function 內部函式3 (arg)

function 內部函式keyfunction (arg1, arg2, ...)

/*將內部函式keyfunction儲存到外部的變數中*/

root.keyfunction = keyfunction;})

( 傳入的實參arg,可能是全域性定義的某個變數etc. )

/*3. 元件應用*/

yourvar.keyfunction(傳入必要的引數)

;

至此,就實現了簡單的元件化開發。

小結:

簡單的元件化開發 一

gulp file include提供了乙個include的方法讓我們可以想後端模版一樣把公共的部分分離出去。方法如下 安裝node.js 安裝 映象 全域性安裝gulp cnpm i g gulp 專案目錄下安裝 gulp cnpm gulp 安裝gulp file include,cnpm in...

android 元件化開發

android 專案中隨之時間專案增大,執行時間也大,還有就是,元件化方便 管理和測試,這就是元件化好處 這裡就不多說了,既然你能找元件化開發,證明你對它是有一定的了解,我就直接說流程了,第二 在gradle.propertles 中設定乙個引數 如isdebug false 方便執行測試modul...

Vue元件化開發

1 模組化 模組化開發是從 邏輯角度來劃分的。2 元件化 是從ui介面角度來劃分的。使用標籤形式引入元件 mycom div 建立元件第一種方式 vue.component mycom 建立乙個vue例項 var vm newvue methods script body 使用標籤形式引入元件 my...