2016前端面試題第一套含答案講解

1、1) 下列哪個(gè)樣式定義后 , 內(nèi)聯(lián) ( 非塊狀 ) 元素可以定義寬度和高度a. display:inlineb. display:nonec. display:blockd. display:inherit2) css屬性 overflow屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會(huì)如何處理。如果值為scroll，不論是否需要，用戶代理都會(huì)提供一種滾動(dòng)機(jī)制。True False3) 新窗口打開網(wǎng)頁，用到以下哪個(gè)值（）。a. _selfb. _blankc. _topd. _parent4) 下面有關(guān) jquery事件的響應(yīng)，描述錯(cuò)誤的是？a. onclick鼠標(biāo)點(diǎn)擊某個(gè)對(duì)象b. onfocus元素失去焦點(diǎn)c

2、. onload是某個(gè)頁面的 css js html文檔結(jié)構(gòu)和圖像被完成加載d. onmousedown某個(gè)鼠標(biāo)按鍵被按下5) 元素的 alt和 title有什么異同，選出正確的說法？不同的瀏覽器，表現(xiàn)一樣a. alt和 title同時(shí)設(shè)置的時(shí)候， alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字b. alt和 title同時(shí)設(shè)置的時(shí)候， title作為圖片的替代文字出現(xiàn)，alt是圖片的解釋文字c. 以上說法都不正確6) 下列 js可以讓一個(gè) input的背景顏色變成紅色的是？A. inputElement.style.backgroundColor = 'red'b.

3、 inputElement.backgroundColor = 'red'c. inputElement.style.backgroundColor = '#0000'd. inputElement.backgroundColor = '#0000'7) 下面有關(guān) html5標(biāo)簽說法錯(cuò)誤的有？a. <audio>標(biāo)簽定義聲音，比如音樂或其他音頻流b. <canvas>比如來自一個(gè)外部的新聞提供者的一篇新的文章，或者來自blog的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容c. <menu>標(biāo)簽定義菜單列

4、表。當(dāng)希望列出表單控件時(shí)使用該標(biāo)簽d. <command>標(biāo)簽定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕8) 下述有關(guān) css屬性 position的屬性值的描述，說法錯(cuò)誤的是？a. static：沒有定位，元素出現(xiàn)在正常的流中b. fixed：生成絕對(duì)定位的元素，相對(duì)于父元素進(jìn)行定位c. relative：生成相對(duì)定位的元素，相對(duì)于元素本身正常位置進(jìn)行定位。d. absolute：生成絕對(duì)定位的元素，相對(duì)于static定位以外的第一個(gè)祖先元素進(jìn)行定位。9) 下面符合一個(gè)有效的javascript變量定義規(guī)則的是？a. _$te$t2b. withc. a bcd. 2a10) 下面

5、有關(guān) JavaScript中 call和 apply的描述，錯(cuò)誤的是？a. call與 aplly都屬于 Ftotype的一個(gè)方法，所以每個(gè)function實(shí)例都有 call、 apply屬性b. 兩者傳遞的參數(shù)不同，call函數(shù)第一個(gè)參數(shù)都是要傳入給當(dāng)前對(duì)象的對(duì)象，apply不是c. apply傳入的是一個(gè)參數(shù)數(shù)組，也就是將多個(gè)參數(shù)組合成為一個(gè)數(shù)組傳入d. call 傳入的則是直接的參數(shù)列表。call方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛蓆hisObj指定的新對(duì)象。11) 什么會(huì)被打印在控制臺(tái)上？b 是局部變量還是全局變量( function () var

6、a = b = 5;)();console.log(b);12) 執(zhí)行這段代碼，輸出什么結(jié)果。functiontest() console.log(a); console.log(foo(); var a = 1; functionfoo() return2;test();13) 執(zhí)行這段代碼，輸出什么結(jié)果。var fullname = 'John Doe' var obj = fullname: 'Colin Ihrig',prop: fullname: 'Aurelio De Rosa', getFullname:function () re

7、turnthis .fullname;14)下面這個(gè) JS程序的輸出是什么：function Foo() var i =0;returnfunction() console.log(i+);var f1 = Foo(),f2 = Foo();f1();f1();f2();15)下面這個(gè) JS程序的輸出是什么：<SCRIPT LANGUAGE="JavaScript">var bb = 1;function aa(bb) bb = 2;alert(bb);aa(bb);alert(bb);</SCRIPT>16) Doctype 作用? 嚴(yán)格模式與混雜

8、模式 -如何觸發(fā)這兩種模式，區(qū)分它們有何意義?17) CSS 選擇符有哪些？哪些屬性可以繼承？?jī)?yōu)先級(jí)算法如何計(jì)算？CSS3新增偽類有那些？18)談?wù)?This 對(duì)象的理解。console.log(p.getFullname();var test = p.getFullname; console.log(test();19 ） 請(qǐng)用 js實(shí)現(xiàn)全選和取消全選的功能，只需要寫出js 代碼（可以使用 jquery框架）<input type=”checkbox ”id= ”checkall ”/> 全選<div class=”list”><in

9、put type=”checkbox ”name=”type ”value= ”1”/>這是 1<input type=”checkbox ”name=”type ”value= ”2”/>這是 2</div>20) 面試官問你有沒有女 / 男朋友 ?答案1 ，C。內(nèi)聯(lián)元素加上 display：block;后被塊級(jí)化。 塊級(jí)元素一般是其他元素的容器，可容納內(nèi)聯(lián)元素和其他塊狀元素， 塊狀元素排斥其他元素與其位于同一行，寬度(width)高度 (height)起作用。因此，可以定義其寬度和高度。,2 ，TRUE。參數(shù)是 scroll時(shí)候，必會(huì)出現(xiàn)滾動(dòng)條。 參數(shù)是 au

10、to時(shí)候，子元素內(nèi)容大于父元素時(shí)出現(xiàn)滾動(dòng)條。參數(shù)是 visible時(shí)候，溢出的內(nèi)容出現(xiàn)在父元素之外。 參數(shù)是 hidden時(shí)候，溢出隱藏。 ,3 ，選 B。在 html中通過 <a> 標(biāo)簽打開一個(gè)鏈接，通過<a>標(biāo)簽的 target屬性規(guī)定在何處打開鏈接文檔。如果在標(biāo)簽 <a> 中寫入 target屬性，則瀏覽器會(huì)根據(jù)target的屬性值去打開與其命名或名稱相符的框架 <frame>或者窗口 .在 target中還存在四個(gè)保留的屬性值如下，屬性值值描述_blank在新窗口中打開被鏈接文檔。_self默認(rèn)。在相同的框架中打開被鏈接文檔。_paren

11、t在父框架集中打開被鏈接文檔。_top在整個(gè)窗口中打開被鏈接文檔。framename在指定的框架中打開被鏈接文檔。4 ，選 b。onfocus獲得焦點(diǎn) onblur失去焦點(diǎn)5 ， A這兩個(gè)屬性是有些重復(fù)了。在不同瀏覽器里面表現(xiàn)有些不同。在alt和 title同時(shí)設(shè)置的時(shí)候， alt作為圖片的替代文字出現(xiàn)， title是圖片的解釋文字。6 ， A#0000是不正確的寫法，至少要為六位，應(yīng)該是#FF0000 A 寫 法 是 正 確 的 ， 有 兩 種 寫 法 ： document.getElementById("input").style.backgroundColor = &

12、quot;red" inputElement.style.backgroundColor = "#FF0000"7 ， B這里考察 HTML 標(biāo)簽的使用：<audio>標(biāo)簽定義聲音，比如音樂或其他音頻流。A 正確。<canvas>標(biāo)簽定義圖形， 比如圖表和其他圖像。 <canvas>標(biāo)簽只是圖形容器， 您必須使用腳本來繪制圖形。B 錯(cuò)誤，<article>標(biāo)簽定義外部的內(nèi)容。比如來自一個(gè)外部的新聞提供者的一篇新的文章，或者來自blog的文本，或者是來自論壇的文本。亦或是來自其他外部源內(nèi)容。<menu>標(biāo)簽

13、定義命令的列表或菜單。<menu>標(biāo)簽用于上下文菜單、工具欄以及用于列出表單控件和命令。C 正確command元素表示用戶能夠調(diào)用的命令。<command>標(biāo)簽可以定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。只有當(dāng)command元素位于 menu元素內(nèi)時(shí)，該元素才是可見的。否則不會(huì)顯示這個(gè)元素，但是可以用它規(guī)定鍵盤快捷鍵。D 正確。8 ， B static元素框正常生成。塊級(jí)元素生成一個(gè)矩形框，作為文檔流的一部分，行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框，置于其父元素中。relative元素框偏移某個(gè)距離。元素仍保持其未定位前的形狀，它原本所占的空間仍保留。absolute元素框從

14、文檔流完全刪除，并相對(duì)于其包含塊定位。包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊。元素原 先在正常文檔流中所占的空間會(huì)關(guān)閉，就好像元素原來不存在一樣。元素定位后生成一個(gè)塊級(jí)框，而不論原來它在正常流中生成何種類型的框。fixed元素框的表現(xiàn)類似于將position設(shè)置為 absolute，不過其包含塊是視窗本身。9 ， A 正確 ; B 是關(guān)鍵字； C 有空格；D 開頭為數(shù)字；第一個(gè)字符必須是一個(gè)ASCII字母（大小寫均可），或一個(gè)下劃線(_)。注意第一個(gè)字符不能是數(shù)字。后續(xù)的字符必須是字母、數(shù)字或下劃線。變量名稱一定不能是保留字。10 ，B；call（） 方法和 apply（） 方法的作用

15、相同， 他們的區(qū)別在于接收參數(shù)的方式不同。對(duì)于 call（），第一個(gè)參數(shù)是 this 值沒有變化，變化的是其余參數(shù)都直接傳遞給函數(shù)。（在使用call（）方法時(shí)，傳遞給函數(shù)的參數(shù)必須逐個(gè)列舉出來。 使用 apply（）時(shí)，傳遞給函數(shù)的是參數(shù)數(shù)組）如下代碼做出解釋：function add(c, d)return this.a + this.b + c + d;var o = a:1, b:3;add.call(o, 5, 7); / 1 + 3 + 5 + 7 = 16add.apply(o, 10, 20); / 1 + 3 + 10 + 20 = 34十一， 5b 是全局變量。十二， und

16、efined和 2 。十三，答案是 Aurelio De Rosa和 John Doe十四， 0 1 0十五， 2 1十六（ 1 ）、 <!DOCTYPE>聲明位于文檔中的最前面，處于<html>標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型規(guī)范來解析這個(gè)文檔。（ 2）、嚴(yán)格模式的排版和JS 運(yùn)作模式是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。（ 3）、在混雜模式中，頁面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。（ 4）、 DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。十七* 1.id 選擇器（ # myid）2. 類選擇器（ .myclassn

17、ame）3. 標(biāo)簽選擇器（ div, h1, p）4. 相鄰選擇器（ h1 + p）5. 子選擇器（ ul < li）6. 后代選擇器（ li a ）7. 通配符選擇器（* ）8. 屬性選擇器（ arel = "external"）9. 偽類選擇器（ a: hover, li: nth - child）* 可繼承： font-size font-family color, UL LI DL DD DT;* 不可繼承 ： border padding margin width height ;* 優(yōu)先級(jí)就近原則，樣式定義最近者為準(zhǔn);* 載入樣式以最后載入的定位為準(zhǔn);優(yōu)先

18、級(jí)為 :!important >id > class > tagimportant比 內(nèi)聯(lián)優(yōu)先級(jí)高CSS3 新增偽類舉例：p:first-of-type選擇屬于其父元素的首個(gè)<p>元素的每個(gè)<p>元素。p:last-of-type選擇屬于其父元素的最后<p>元素的每個(gè)<p>元素。p:only-of-type選擇屬于其父元素唯一的<p>元素的每個(gè)<p>元素。p:only-child選擇屬于其父元素的唯一子元素的每個(gè)<p>元素。p:nth-child(2)選擇屬于其父元素的第二個(gè)子元素的每個(gè)<p>元素。:enabled、:disabled控制表單控件的禁用狀態(tài)。:checked ，單選框或復(fù)選框被選中。十八this 是 js 的一個(gè)關(guān)鍵字，隨著函數(shù)使用場(chǎng)合不同，this的值會(huì)發(fā)生變化。但是總有一個(gè)原則，那就是this 指的是調(diào)用函數(shù)的那個(gè)對(duì)象。this 一般情況下：是全局對(duì)象Global 。 作為方法調(diào)用，那么this 就是指這個(gè)對(duì)象十九$(function()$("#checkall").click(function() if($(this).attr("checked&qu