前端面試題(2016含答案).doc

2016前端面試題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ī)制。TrueFalse3) 新窗口打開(kāi)網(wǎng)頁(yè)，用到以下哪個(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. onload 是某個(gè)頁(yè)面的css js html 文檔結(jié)構(gòu)和圖像被完成加載d. onmousedown 某個(gè)鼠標(biāo)按鍵被按下5) 元素的alt和title有什么異同，選出正確的說(shuō)法？不同的瀏覽器，表現(xiàn)一樣a. alt和title同時(shí)設(shè)置的時(shí)候，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字b. alt和title同時(shí)設(shè)置的時(shí)候，title作為圖片的替代文字出現(xiàn)，alt是圖片的解釋文字c. 以上說(shuō)法都不正確6) 下列js可以讓一個(gè)input的背景顏色變成紅色的是？A. inputElement.style.backgroundColor = red;b. inputElement.backgroundColor = red;c. inputElement.style.backgroundColor = #0000;d. inputElement.backgroundColor = #0000;7) 下面有關(guān)html5標(biāo)簽說(shuō)法錯(cuò)誤的有？a. 標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流b. 比如來(lái)自一個(gè)外部的新聞提供者的一篇新的文章，或者來(lái)自 blog 的文本，或者是來(lái)自論壇的文本。亦或是來(lái)自其他外部源內(nèi)容c. 標(biāo)簽定義菜單列表。當(dāng)希望列出表單控件時(shí)使用該標(biāo)簽d. 標(biāo)簽定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕8) 下述有關(guān)css屬性position的屬性值的描述，說(shuō)法錯(cuò)誤的是？a. static：沒(méi)有定位，元素出現(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) 下面有關(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)橛?thisObj 指定的新對(duì)象。11) 什么會(huì)被打印在控制臺(tái)上？b是局部變量還是全局變量(function() var a = b = 5;)();console.log(b);12) 執(zhí)行這段代碼，輸出什么結(jié)果。function test() console.log(a); console.log(foo(); var a = 1; function foo() return 2; test();13) 執(zhí)行這段代碼，輸出什么結(jié)果。var fullname = John Doe;var obj = fullname: Colin Ihrig, prop: fullname: Aurelio De Rosa, getFullname: function() return this.fullname; ;console.log(p.getFullname(); var test = p.getFullname; console.log(test();14) 下面這個(gè)JS程序的輸出是什么：function Foo() var i =0;return function() console.log(i+);var f1 = Foo(),f2 = Foo();f1();f1();f2();15) 下面這個(gè)JS程序的輸出是什么：var bb = 1;function aa(bb) bb = 2; alert(bb);aa(bb);alert(bb);16) Doctype作用? 嚴(yán)格模式與混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?17) CSS 選擇符有哪些？哪些屬性可以繼承？?jī)?yōu)先級(jí)算法如何計(jì)算？ CSS3新增偽類有那些？18) 談?wù)凾his對(duì)象的理解。19）請(qǐng)用js 實(shí)現(xiàn)全選和取消全選的功能，只需要寫出js代碼（可以使用 jquery框架）全選 這是1 這是220)面試官問(wèn)你有沒(méi)有女/男朋友?答案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ù)是auto時(shí)候，子元素內(nèi)容大于父元素時(shí)出現(xiàn)滾動(dòng)條。參數(shù)是visible時(shí)候，溢出的內(nèi)容出現(xiàn)在父元素之外。參數(shù)是hidden時(shí)候，溢出隱藏。,3，選B。在html中通過(guò)標(biāo)簽打開(kāi)一個(gè)鏈接，通過(guò) 標(biāo)簽的 target 屬性規(guī)定在何處打開(kāi)鏈接文檔。如果在標(biāo)簽中寫入target屬性，則瀏覽器會(huì)根據(jù)target的屬性值去打開(kāi)與其命名或名稱相符的框架或者窗口.在target中還存在四個(gè)保留的屬性值如下，屬性值值描述_blank在新窗口中打開(kāi)被鏈接文檔。_self默認(rèn)。在相同的框架中打開(kāi)被鏈接文檔。_parent在父框架集中打開(kāi)被鏈接文檔。_top在整個(gè)窗口中打開(kāi)被鏈接文檔。framename在指定的框架中打開(kāi)被鏈接文檔。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)該是#FF0000A寫法是正確的，有兩種寫法：document.getElementById(input).style.backgroundColor = red;inputElement.style.backgroundColor = #FF0000;7，B這里考察HTML標(biāo)簽的使用： 標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流。 A正確。 標(biāo)簽定義圖形，比如圖表和其他圖像。 標(biāo)簽只是圖形容器，您必須使用腳本來(lái)繪制圖形。 B錯(cuò)誤，標(biāo)簽定義外部的內(nèi)容。比如來(lái)自一個(gè)外部的新聞提供者的一篇新的文章，或者來(lái)自 blog 的文本，或者是來(lái)自論壇的文本。亦或是來(lái)自其他外部源內(nèi)容。 標(biāo)簽定義命令的列表或菜單。 標(biāo)簽用于上下文菜單、工具欄以及用于列出表單控件和命令。 C正確command 元素表示用戶能夠調(diào)用的命令。 標(biāo)簽可以定義命令按鈕，比如單選按鈕、復(fù)選框或按鈕。只有當(dāng) command 元素位于 menu 元素內(nèi)時(shí)，該元素才是可見(jiàn)的。否則不會(huì)顯示這個(gè)元素，但是可以用它規(guī)定鍵盤快捷鍵。 D正確。8，Bstatic 元素框正常生成。塊級(jí)元素生成一個(gè)矩形框，作為文檔流的一部分，行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框，置于其父元素中。relative 元素框偏移某個(gè)距離。元素仍保持其未定位前的形狀，它原本所占的空間仍保留。absolute 元素框從文檔流完全刪除，并相對(duì)于其包含塊定位。包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊。元素原先在正常文檔流中所占的空間會(huì)關(guān)閉，就好像元素原來(lái)不存在一樣。元素定位后生成一個(gè)塊級(jí)框，而不論原來(lái)它在正常流中生成何種類型的框。fixed 元素框的表現(xiàn)類似于將 position 設(shè)置為 absolute，不過(guò)其包含塊是視窗本身。9，A正確;B是關(guān)鍵字；C有空格；D開(kāi)頭為數(shù)字；第一個(gè)字符必須是一個(gè) ASCII 字母（大小寫均可），或一個(gè)下劃線(_)。注意第一個(gè)字符不能是數(shù)字。后續(xù)的字符必須是字母、數(shù)字或下劃線。變量名稱一定不能是 保留字。10，B；call（）方法和apply（）方法的作用相同，他們的區(qū)別在于接收參數(shù)的方式不同。對(duì)于call（），第一個(gè)參數(shù)是this值沒(méi)有變化，變化的是其余參數(shù)都直接傳遞給函數(shù)。（在使用call（）方法時(shí)，傳遞給函數(shù)的參數(shù)必須逐個(gè)列舉出來(lái)。使用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十一，5 b是全局變量。十二，undefined 和 2。十三，答案是Aurelio De Rosa和John Doe十四， 0 1 0十五，2 1十六 （1）、 聲明位于文檔中的最前面，處于 標(biāo)簽之前。告知瀏覽器的解析器，用什么文檔類型 規(guī)范來(lái)解析這個(gè)文檔。 （2）、嚴(yán)格模式的排版和 JS 運(yùn)作模式是 以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。 （3）、在混雜模式中，頁(yè)面以寬松的向后兼容的方式顯示。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。 （4）、DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以混雜模式呈現(xiàn)。十七* 1.id選擇器（ # myid） 2.類選擇器（.myclassname） 3.標(biāo)簽選擇器（div, h1, p） 4.相鄰選擇器（h1 + p） 5.子選擇器（ul id class tag important 比 內(nèi)聯(lián)優(yōu)先級(jí)高CSS3新增偽類舉例： p:first-of-type 選擇屬于其父元素的首個(gè) 元素的每個(gè) 元素。 p:last-of-type 選擇屬于其父元素的最后 元素的每個(gè) 元素。 p:only-of-type 選擇屬于其父元素唯一的 元素的每個(gè) 元素。 p:only-child 選擇屬于其父元素的唯一子元素的每個(gè) 元素。 p:nth-child(2) 選擇屬于其父元素的第二個(gè)子元素的每個(gè) 元素。 :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)$(div.list input).attr(checked,true); /全選else$(div.list input).attr(checked,false); /全不選); );二十，考慮到你工作的穩(wěn)定性。幾種情況;1、沒(méi)女朋友，如果