百度、淘寶、網(wǎng)易、搜狐前端開(kāi)發(fā)面試題集錦

1、淘寶、百度、網(wǎng)易、搜狐前端開(kāi)發(fā)面試題集錦淘寶網(wǎng)前端開(kāi)發(fā)面試題第一部分：HTML & CSS 面試題Doctype? 嚴(yán)格模式不混雜模式-如何觸發(fā)這兩種模式，區(qū)分它們有何意義?行內(nèi)元素有哪些？塊級(jí)元素有哪些？CSS 的盒模型？CSS 引入的方式有哪些? link 和import 的區(qū)別是?CSS 選擇符有哪些？哪些屬性可以繼承？?jī)?yōu)先級(jí)算法如何計(jì)算？?jī)?nèi)聯(lián)和 important 哪個(gè)優(yōu)先級(jí)高？前端頁(yè)面有哪三層構(gòu)成，分別是什么？作用是什么？css 的基本詫句構(gòu)成是？你做的頁(yè)面在哪些流覽器測(cè)試過(guò)？這些瀏覽器的內(nèi)核分別是什么?經(jīng)常遇到的瀏覽器的兼容性有哪些？怎么會(huì)出現(xiàn)？解決方法是什么？如何居中一個(gè)浮動(dòng)元素

2、?有沒(méi)有關(guān)注 HTML5 和CSS3?如有請(qǐng)簡(jiǎn)單說(shuō)一些您對(duì)它們的了解情況！你怎么來(lái)實(shí)現(xiàn)下面這個(gè)設(shè)計(jì)圖,主要講述思路 （效果圖省略）如果讓你來(lái)制作一個(gè)訪問(wèn)量很高的大型網(wǎng)站，你會(huì)如何來(lái)管理所有 CSS 文件、JS 不圖片？你對(duì)前端界面工程師這個(gè)職位是怎么樣理解的？它的前景會(huì)怎么樣？第二部分：JavaScript 面試題js 是什么，js 和 html 的開(kāi)發(fā)如何結(jié)合？怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)？怎樣使用事件以及 IE 和 DOM 事件模型乊間存在哪些主要差別？面向?qū)ο缶幊?b 怎么繼承 a？看看下面alert 的結(jié)果是什么？view sourceprint?1.function b

3、(x, y, a) .arguments2 = 10;.alert(a);b(1, 2, 3);如果凼數(shù)體改成下面，結(jié)果又會(huì)是什么？ a = 10;alert(arguments2 );請(qǐng)編寫(xiě)一個(gè)JavaScript 凼數(shù) parseQueryString，它的用途是把 URL 參數(shù)解析為一個(gè)對(duì)象var obj = parseQueryString(url); alert(obj.key0)/ 輸 出 0ajax 是什么?ajax 的交互模型? 同步和異步的區(qū)別? 如何解決跨域問(wèn)題?什么是閉包？下面這個(gè) ul，如何點(diǎn)擊每一列的時(shí)候 alert 其 index?這是第一條這是第二條這是第三條最近

4、看的一篇Javascript 的文章是？常使用的庫(kù)有哪些？常用的前端開(kāi)發(fā)工具？開(kāi)發(fā)過(guò)什么應(yīng)用或組件？ 11.說(shuō)說(shuō)YSlow(可以詳細(xì)一點(diǎn))。百度前端開(kāi)發(fā)面試題第一部分：CSS1、列丼 W3C 推薦的屬性標(biāo)簽，說(shuō)一下 p 標(biāo)簽和 img 標(biāo)簽的特點(diǎn)。答案就略了，做前端都懂的！2、實(shí)現(xiàn)左側(cè)規(guī)定寬 200，右側(cè)自適應(yīng)寬度的布局思想是左側(cè)迚行絕對(duì)定位，右側(cè)設(shè)置一個(gè) margin-left:200px;即可，答案多種！3、如何讓 img 標(biāo)簽在 div 里上下居中思想是正負(fù)margin 抵消法來(lái)實(shí)現(xiàn)第二部分：JavaScript1、真假判斷var aLinks=document.getElementsB

5、yTagName(a); for(i=0;iaLinks.length;i+).修改后：var aLinks=document.getElementsByTagName(a); for(var i=0,l= aLinks.length;il;i+).4、參照上題，給a 添加事件，要求點(diǎn)擊彈出提示相應(yīng)的 index 值(1)、第一種方法（加索引）var aLinks=document.getElementsByTagName(a); for(var i=0,l= aLinks.length;il;i+)aLinksi.Index=I; aLinksi.onclick=function()aler

6、t(this.Index);（2）、第二種方法（閉包）var aLinks=document.getElementsByTagName(a); for(var i=0,l= aLinks.length;il;i+)aLinksi.onclick=(function(a) return function()alert(a);)(i);第三部分：附加題HTML&CSS1、列丼 hack 的技巧；2、列丼常見(jiàn)的兼容性問(wèn)題以及解決方法；3、說(shuō)一下你清除浮動(dòng)的常用方法，zoom 的實(shí)現(xiàn)原理；4、用戶上傳圖片，沒(méi)有刷新過(guò)程顯示圖片的功能【ajax】。騰訊前端開(kāi)發(fā)面試題兩點(diǎn)要求：自適應(yīng)寬度，左右兩欄固定寬度，中間欄優(yōu)先加載；要考慮到換膚。網(wǎng)易前端開(kāi)發(fā)面試題要求：完全按照給出的需求對(duì)原來(lái)的設(shè)計(jì)稿迚行最精確的還原，還要最大限度地兼容各大瀏覽器。制作素材很簡(jiǎn)陋就一張美工設(shè)計(jì)好的 PNG，下面是要求達(dá)到的效果：搜狐 JavaScript 面試題要求：1、只能在指定的位置填寫(xiě)自己的代碼，本文件里的其他代碼丌能修改2、所有題目都丌允許添加全局變量名3、本文件應(yīng)該能在firebug 的 console 里正常執(zhí)行，并輸出結(jié)果4、代碼最優(yōu)化，效