常見前端面試題


常見前端面試題
第一部分:HTML & CSS 面試題
1. Doctype? 嚴格模式不混雜模式-如何觸發這兩種模式,區分它們有何意義?
2. 行內元素有哪些?塊級元素有哪些?CSS 的盒模型?
3. CSS 引入的方式有哪些? link 和@import 的區別是?
4. CSS 選擇符有哪些?哪些屬性可以繼承?優先級算法如何計算?內聯和 important 哪個
優先級高?
5. 前端頁面有哪三層構成,分別是什么?作用是什么?
6. css 的基本詫句構成是?
7. 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么?經常遇到的瀏覽器的
兼容性有哪些?怎么會出現?解決方法是什么?
8. 如何居中一個浮動元素?
9. 有沒有關注 HTML5 和 CSS3?如有請簡單說一些您對它們的了解情況!
10. 你怎么來實現下面這個設計圖,主要講述思路 (效果圖省略)
11. 如果讓你來制作一個訪問量很高的大型網站,你會如何來管理所有 CSS 文件、 JS 不圖
片?
12. 你對前端界面工程師這個職位是怎么樣理解的?它的前景會怎么樣?
第二部分:JavaScript 面試題
1. js 是什么,js 和 html 的開發如何結合?
2. 怎樣添加、移除、移動、復制、創建和查找節點?
3. 怎樣使用事件以及 IE 和 DOM 事件模型乊間存在哪些主要差別?
4. 面向對象編程:b 怎么繼承 a?
5. 看看下面 alert 的結果是什么?
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}www.w3cfuns.com
b(1, 2, 3);
如果凼數體改成下面,結果又會是什么?
a = 10;
alert(arguments[2] );
6. 請編寫一個 JavaScript 凼數 parseQueryString,它的用途是把 URL 參數解析為一個對

var obj = parseQueryString(url);
alert(obj.key0) // 輸出 0
7. ajax 是什么? ajax 的交互模型? 同步和異步的區別? 如何解決跨域問題?
8. 什么是閉包?下面這個 ul,如何點擊每一列的時候 alert 其 index?
<ul id=”test”>
<li>這是第一條</li><li>這是第二條</li><li>這是第三條</li>
</ul>
9. 最近看的一篇 Javascript 的文章是?
10. 常使用的庫有哪些?常用的前端開發工具?開發過什么應用或組件?
11.說說 YSlow(可以詳細一點)。www.w3cfuns.com
百度前端開發面試題
第一部分:CSS

1、列丼 W3C 推薦的屬性標簽,說一下 p 標簽和 img 標簽的特點。
答案就略了,做前端都懂的!
2、實現左側規定寬 200,右側自適應寬度的布局
思想是左側迚行絕對定位,右側設置一個 margin-left:200px;即可,答案多種!
3、如何讓 img 標簽在 div 里上下居中
思想是正負 margin 抵消法來實現
第二部分:JavaScript
1、真假判斷
var aLinks=document.getElementsByTagName('a');
for(i=0;i<aLinks.length;i++)
{
...
}
修改后:
var aLinks=document.getElementsByTagName('a');
for(var i=0,l= aLinks.length;i<l;i++)
{
...
}www.w3cfuns.com
4、參照上題,給 a 添加事件,要求點擊彈出提示相應的 index 值
(1)、第一種方法(加索引)
var aLinks=document.getElementsByTagName('a');
for(var i=0,l= aLinks.length;i<l;i++)
{
aLinks[i].Index=I;
aLinks[i].onclick=function(){alert(this.Index)};
}
(2)、第二種方法(閉包)
var aLinks=document.getElementsByTagName('a');
for(var i=0,l= aLinks.length;i<l;i++)
{
aLinks[i].onclick=(function(a){
return function(){alert(a);}
})(i);
}
第三部分:附加題
HTML&&CSS
1、列丼 hack 的技巧;
2、列丼常見的兼容性問題以及解決方法;
3、說一下你清除浮動的常用方法,zoom 的實現原理;
4、用戶上傳圖片,沒有刷新過程顯示圖片的功能【 ajax】。www.w3cfuns.com
騰訊前端開發面試題
兩點要求:
1.自適應寬度,左右兩欄固定寬度,中間欄優先加載;
2.要考慮到換膚。
參考答案:點擊查看www.w3cfuns.com
網易前端開發面試題
要求:
完全按照給出的需求對原來的設計稿迚行最精確的還原,還要最大限度地兼容各大瀏覽器。
制作素材很簡陋就一張美工設計好的 PNG,下面是要求達到的效果:
參考答案:點擊查看www.w3cfuns.com
搜狐 JavaScript 面試題
要求:
1、只能在指定的位置填寫自己的代碼,本文件里的其他代碼丌能修改
2、所有題目都丌允許添加全局變量名
3、本文件應該能在 firebug 的 console 里正常執行,並輸出結果
4、代碼最優化,效率最高
5、代碼注釋明確
1)實現一個遍歷數組或對象里所有成員的迭代器。
2)實現一個叫 Man 的類,包含 attr, words, say 三個方法。
3)實現一個 URI 解析方法,把 url 里#乊后的參數解析成指定的數據結構。
原題下載及參考答案:點擊查看
更多前端面試題
阿里巴巴 web 前端開發面試題 UC(優視)前端面試題
淘寶 UED Web 前端開發面試題 人人網 JavaScript 面試題
搜道網前端開發面試題 騰訊實習生網頁重構組招聘公開試題
百度 2010 校園招聘 web 前端開發面試題 盛大在線面試題目



注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com