前端工程師需掌握的知識點_第1頁
前端工程師需掌握的知識點_第2頁
前端工程師需掌握的知識點_第3頁
前端工程師需掌握的知識點_第4頁
全文預(yù)覽已結(jié)束

下載本文檔

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

文檔簡介

1、1、 dom 結(jié)構(gòu) 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動。document.documentElement返回文檔的根節(jié)點 <html>document.body<body>document.activeElement返回當(dāng)前文檔中被擊活的標(biāo)簽節(jié)點(ie)event.fromElement返回鼠標(biāo)移出的源節(jié)點 (ie)event.toElement返回鼠標(biāo)移入的源節(jié)點(ie)event.srcElement返回激活事件的源節(jié)點(ie)event.tar get返回激活事件的源節(jié)點(firefox)當(dāng)前對象為 node返回父節(jié)點： node.parent

2、Node, node.parendElement,返回所有子節(jié)點： node.childNodes （包含文本節(jié)點及標(biāo)簽節(jié)點）,node.children返回第一個子節(jié)點：node.firstChild返回最后一個子節(jié)點：node.lastChild返回同屬上一個子節(jié)點：node.nextSibling返回同屬下一個子節(jié)點：node.previousSiblingparentNode和 parentElement功能一樣， childNodes 和 children 功能一樣。但是 parentNode和childNodes是符合 W3C標(biāo)準(zhǔn)的，可以說比較通用。而另外兩個只是IE 支持，不是標(biāo)

3、準(zhǔn)，F(xiàn)irefox 就不支持,所以大家只要記得有parentElement 和 children 就行了2、 dom 操作 怎樣添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點。（1 ）創(chuàng)建新節(jié)點createDocumentFragment()/ 創(chuàng)建一個dom 片段createElement()/創(chuàng)建一個具體的元素createTextNode()/ 創(chuàng)建一個文本節(jié)點（2 ）添加、移除、替換、插入appendChild()removeChild()replaceChild()insertBefore()（3）查找get ElementsByTagName()get ElementsByName()/通過

4、標(biāo)簽名稱/通過元素的Name屬性的值get ElementById()/ 通過元素Id，唯一性3、事件 怎樣使用事件以及IE和dom事件模型之間存在哪些主要差別。（1 ）冒泡型事件：事件按照從最特定的事件目標(biāo)到最不特定的事件目標(biāo)(document對象 )的順序觸發(fā)。IE 5.5: div -> body -> documentIE 6.0: div -> body -> html -> documentmozilla1.0: div -> body -> html -> document -> window（2 ）捕獲型事件(event c

5、apt uri ng) ：事件從最不精確的對象(document對象 )開始觸發(fā)，然后到最精確 (也可以在窗口級別捕獲事件，不過必須由開發(fā)人員特別指定)。（3 ）dom 事件流：同時支持兩種事件模型：捕獲型事件和冒泡型事件，但是，捕獲型事件先發(fā)生。兩種事件流會觸及dom 中的所有對象，從document對象開始，也在document對象結(jié)束。dom 事件模型最獨特的性質(zhì)是，文本節(jié)點也觸發(fā)事件(在 IE 中不會 )。4、 xml HttpRequest 這是什么、怎樣完整地執(zhí)行一次get 請求、怎樣檢測錯誤。xml HttpRequest對象提供了在網(wǎng)頁加載后與服務(wù)器進(jìn)行通信的方法。<sc

6、ript type="text/javascript">var xml http;functionload xml Doc(url)xml http=null;if(window. xml HttpRequest)/code for all new browsersxml http=new xmlHttpRequest();elseif(window.ActiveXObject)/code for IE5 and IE6xml http=newActiveXObject("Microsoft.xml HTTP");if( xml http!=nul

7、l)xml http.onreadystatechange=state_Change;xml http.open(" get ",url,true);xml http.send(null);elsealert("Your browser does not supportxml HTTP.");functionstate_Change()if(xml http.readyState=4)/4 = "loaded"if( xml http.status=200)/200 = OK/.our code here.elsealert(&quo

8、t;Problem retrievingxml data");</script>5、嚴(yán)格模式與混雜模式 如何觸發(fā)這兩種模式，區(qū)分它們有何意義。在標(biāo)準(zhǔn)模式中，瀏覽器根據(jù)規(guī)范呈現(xiàn)頁面；在混雜模式中，頁面以一種比較寬松的向后兼容的方式顯示。瀏覽器根據(jù)doctype是否存在以及使用的哪種dtd 來選擇要使用的呈現(xiàn)方法。如果檔包含形式完整的doctype ，那么它一般以標(biāo)準(zhǔn)模式呈現(xiàn)。對于HTML4.01 文檔，包含嚴(yán)格dtd 的 doctype常常導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)。包含過渡dtddoctype也導(dǎo)致頁面以標(biāo)準(zhǔn)模式呈現(xiàn)，但是有過渡 dtd 而沒有 uri 會導(dǎo)致頁面以混雜模式呈

9、現(xiàn)。doctype不存在或形式不正確會導(dǎo)致和 xhtml 文檔以混雜模式呈現(xiàn)。xhtml 文和 uri 的HTML6、盒模型 外邊距、內(nèi)邊距和邊框之間的關(guān)系，IE 8 以下版本的瀏覽器中的盒模型有什么不同。一個元素盒模型的層次從內(nèi)到外分別為：內(nèi)邊距、邊框和外邊距 IE8 以下瀏覽器的盒模型中定義的元素的寬高不包括內(nèi)邊距和邊框7、塊級元素與行內(nèi)元素 怎么用 css 控制它們、它們怎樣影響周圍的元素以及你覺得應(yīng)該如何定義它們的樣式。塊級元素，用css 中的 display:inline;屬性則變?yōu)樾袃?nèi)元素行內(nèi)元素，用css 中的 display:block;屬性則變?yōu)閴K級元素影響：周圍元素顯示在同

10、一行或換行顯示，根據(jù)具體情況調(diào)整樣式8、浮動元素 怎么使用它們、它們有什么問題以及怎么解決這些問題。需要浮動的元素可使用css 中 float 屬性來定義元素的浮動位置，left ：往左浮動， right ：往右浮動浮動元素引起的問題：（ 1 ）父元素的高度無法被撐開，影響與父元素同級的元素（ 2 ）與浮動元素同級的非浮動元素會跟隨其后（ 3 ）若非第一個元素浮動，則該元素之前的元素也需要浮動，否則會影響頁面顯示的結(jié)構(gòu)解決方法：使用 css 中的 clear:both; 屬性來清除元素的浮動可解決樣式，給父元素添加clearfix 樣式：2、 3問題，對于問題1 ，添加如下.clearfix:

11、aftercontent: "."display: block;height: 0;clear: both;visibility: hidden;.clearfixdisplay: inline-block;/* for IE/Mac */9、 HTML 與 xhtml 二者有什么區(qū)別，你覺得應(yīng)該使用哪一個并說出理由。主要區(qū)別：xhtml元素必須被正確地嵌套xhtml元素必須被關(guān)閉，空標(biāo)簽也必須被關(guān)閉，如<br>必須寫成<br />xhtml標(biāo)簽名必須用小寫字母xhtml文檔必須擁有根元素xhtml文檔要求給所有屬性賦一個值xhtml要求所有的屬性必須用引號""括起來xhtml 文檔需要把所有 < 、> 、& 等特殊符號用編碼表示 xhtml 文檔不要在注釋內(nèi)容中使 “- ” xhtml 圖片必須有說明文字XHTML文檔中用 id 屬性代替name 屬性10 、 json 它是什么、為什么應(yīng)該使用它、到底該怎么使用它，說出實現(xiàn)細(xì)節(jié)來。json (JavaScript Object Notation)是一種輕量級的數(shù)據(jù)交換格式。易于人閱讀和編寫。同時也易于機(jī)器解析和生成。json建構(gòu)于兩種結(jié)構(gòu)：“名稱 /值 ”對的集合（A collection of name/value

溫馨提示

  • 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

提交評論