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

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