js物件導向(三) 元件開發

2022-07-15 17:45:10 字數 690 閱讀 5257

一、物件的多種表現形式

1、提高物件的復用性

2、如何配置引數和預設引數

不知道該怎麼描述,就直接上**吧,下面做了2個例子,重點看整個元件的大體結構

用元件的方式做拖拽視窗,你可以狠狠的點選這裡進行檢視

用元件的方式開發簡易彈窗,你可以狠狠的點選這裡進行檢視

二、元件的定義

1、將對物件導向的深入應用(ui元件,功能元件)

2、將配置引數、方法、事件、三者進行分離

例子:可參照jquery ui 官網上,檢視其中的乙個元件就能說明了這些問題。

三、我們可以建立自定義事件

1、有利於多人協作開發**

2、重點:掛載自定義事件與事件函式

給專案配置不同的引數

//配置引數

var a =

//預設引數

var b =

extend(b ,a)

alert(b.name)

function extend(obj1,obj2)

}

可檢視做的兩個學習例項,重點看例項實現的方式,怎麼呼叫,怎麼掛載,怎麼實現

1、基於jq的選項卡元件開發,你可以狠狠的點選這裡進行檢視

ps:在專案開發中,在寫元件的時候,建議盡量用.addeventlistener()的方式來繫結事件,不管是系統事件還是自定義的事件

2 1 元件化開發

doctype html lang en charset utf 8 titletitle head 歡迎來到vue元件化h2 div 歡迎來到vue元件化h2 div 歡迎來到vue元件化h2 div body html 1.定義的元件,可以在同乙個頁面的多個vue例項中去使用 2.元件建立,組建...

VUE Day03元件開發

複習 指令vue自動將記憶體放入介面,不同位置需要不同指令 資料放到內容中,使用雙花括號 插值語法 資料放到屬性中動態繫結,用冒號 反覆根據陣列中元素生成多個元素v for 控制乙個元素顯示隱藏v show 多個元素選其一顯示v if 繫結事件 事件處理函式寫在methods中 如何獲得滑鼠位置,第...

JS物件導向使用物件導向進行開發

對 js 中的物件導向的基礎進行講述,初體驗使用物件導向進行開發 物件導向的概念及特性 用物件導向的方式解決簡單的標籤建立例項 物件導向就是使用物件 物件導向開發就是使用物件開發 面向過程就是以過程的方式開發 物件導向是面向過程的封裝 抽象性如果需要用一物件來描述乙個資料,那就需要抽取這個物件的核心...