版dom編程藝術(shù)筆記實(shí)踐_第1頁
版dom編程藝術(shù)筆記實(shí)踐_第2頁
版dom編程藝術(shù)筆記實(shí)踐_第3頁
版dom編程藝術(shù)筆記實(shí)踐_第4頁
版dom編程藝術(shù)筆記實(shí)踐_第5頁
已閱讀5頁，還剩9頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

1、網(wǎng)易微專業(yè)之前端開發(fā)工程DOM 編程藝術(shù)實(shí)踐組件操“在用戶界面開發(fā)領(lǐng)域，它是一種面對用戶的、獨(dú)立的可復(fù)用交互元素的封裝組件TML（結(jié)網(wǎng)易微專業(yè)之前端開發(fā)工程DOM 編程藝術(shù)實(shí)踐組件操“在用戶界面開發(fā)領(lǐng)域，它是一種面對用戶的、獨(dú)立的可復(fù)用交互元素的封裝組件TML（結(jié)構(gòu)）+js(邏輯)+CSS(樣式Mask:遮罩組cker:Carousel:輪播組Modal:模態(tài)彈窗組Pager:Editor:富文本編輯器組組件流程（Common結(jié)構(gòu)：HTML+CSS實(shí)現(xiàn)靜態(tài)結(jié)構(gòu)Modal -1HModal 最終視覺效Modal 最終視覺效果案例的實(shí)現(xiàn)流程1. （）2. 頁面-22.1 頁面-2.1 頁面-3之之

2、css3 -45.2 者模式：confirm 5.2 者模式：confirm 又稱為訂閱發(fā)布模式，其主要作用是解耦。它可以將調(diào)用與被調(diào)用者解耦。-5要點(diǎn)總基于類組本節(jié)案例涉要點(diǎn)總基于類組本節(jié)案例涉及知識點(diǎn)回addEventListener,cloneNode,querySelector 等常用 絕對居中（垂直+水平）-6css3 css3 -7輪播組件輪播組（或內(nèi)容輪播組件輪播組（或內(nèi)容、案例效果圖1.-82.2.1 方案 12.2 2.2.1 方案 12.2 22.3 數(shù)量，展示的節(jié)點(diǎn)只有 3 -92.4 transform:translateX(-3000%) translateZ(0px

3、)2.4 transform:translateX(-3000%) translateZ(0px)中 translateZ()作用:2.5 頁面-10transform 3.API transform 3.API 4.4.1 -11三個值可以唯一缺點(diǎn)Slide 4.2 4.3 UI 將 UI ，只需關(guān)注單三個值可以唯一缺點(diǎn)Slide 4.2 4.3 UI 將 UI ，只需關(guān)注單更next prev 5.1 -125.2 本節(jié)涉及知識5.2 本節(jié)涉及知識絕對居中（垂直+水平）-13transform,transition 應(yīng)用以及硬件加UI 開組件流程回顧（Commontransform,transition 應(yīng)用以及硬

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論