前端面試——筆試題整理匯總


和信安科web開發筆試題

1.如何實現事件委托?

2.typeof(null)=?

3.NaN*6=?

4.JS中調用某個函數之前,如何取得該函數最多可以傳遞多少個參數?該函數被調用時,如何知道傳了多少個參數過來?

5.如下兩種跳轉方式有什么區別?

<jsp:include page="included.jsp" flush="true>
<jsp:forward page="nextpage.jsp" flush="true"/>

6.如何去掉文本超級鏈接的下划線?

A. a{text-decoration:no underline }
B. a{underline:none }
C. a{decoration:no underline }
D. a{text-decoration:none }

7.下列選項中不屬於css文本屬性的是()

A. font-size
B. text-transform
C.text-align
D.line-height

8.在jQuery中,下面()寫法是錯誤的:

A. (divp)B. (“div.container”)
C. (tablea,content)D. (#divID)

9.點擊頁面的按鈕,使之打開一個新窗口,加載一個網頁,以下JavaScript代碼中可行的是()

A. <input type="button" value="new" onclick="open('new.html','_blank')"/>
B. <input type="button" value="new" onclick="window.location='new.html';"/>
C. <input type="button" value="new" onclick="location.assign('new.html');"/>
D. <form target="_blank" action="new.html"><input type="submit" value="new"/></form>

10.判斷字符串是否是這樣組成的,第一個必須是字母,后面可以說字母、數字、下划線、總長度為5-20。

11.寫出如下IE與FF腳本兼容差異:

(1)window.enevt
(2)獲取事件源
(3)添加、去除事件
(4)獲取標簽的自定義屬性
(5)document.getElementByName()和document.all[name]
(6)input.type的屬性
(7)innerText textContent outerHTML
(8)是否可用id代替HTML元素

12.規避JavaScript多人開發函數重名問題

13.FF下面分別實現outerHTML

14.編寫一個方法,去掉一個數組的重復元素

15.寫出3個使用this的典型應用

16.JavaScript中如何檢測一個變量是一個String類型?請寫出函數實現。

17.JavaScript中有哪幾種數據類型

18.下面css標簽在JavaScript中調用應如何拼寫,border-left-color,-moz-viewport

19.請編寫一個JavaScript函數parseQueryString,它的用途是把URL參數解析為一個對象,如:

20.js中如何定義class,如何擴展prototype?

21.如何添加html元素的事件,有幾種方法.

22.document.write和innerHTML的區別.

23.js的基礎對象有哪些,window和document的常用方法和屬性列出來

24.html5、css3有哪些新特性?優缺點?

XXXX(一)前端筆試題

tips:其實是我已經不記得什么公司了,哈啊哈。

1.css實現水平垂直居中的方法

2.什么事盒模型?

3.rgba()和opacity的透明效果有什么不同?

4.css3新增偽類舉例?

5.舉例說明H5新增標簽及用法

6.Cookie和localstorage的區別

7.正則表達式匹配郵箱和手機號

8.JavaScript window.onload事件和jQuery ready函數有何不同?

9.“==”和“===”有什么不同

10.jsonp的原理

11.什么是閉包

12.http狀態碼的含義(200,300,400,500等)

13.var a=null;

    Alert(typeof a);

14.jquery中如何來獲取和設置屬性

15.json對象和字符串之間如何轉換

16.var m=’false’;

function f(){
if(m){
return 2;
}else{
return 0;
}
}
f();

XXXX(二)前端筆試題

對這家公司的印象是好遠好遠,在大興,坐了好久的地鐵過去面試,樓下大廳的環境不錯,需要人來接,依稀清楚的是一家做醫葯的公司吧,hr一個笑呵呵的男人,聊了好久好久,他還記了整整兩頁紙的筆記,除了家庭背景什么的沒問,其余全問了,什么性格呀,愛好呀,還談了好多哲學類的問題,有分歧也有一致的地方,算聊得還不錯。等到他滿意面完了,我肚子真的響起來了,克制不住那種,后來再跟技術聊得時候我都沒啥心情了,所以就一般般了。那個時候只想出門來吃上10個雞翅,再來一桶可樂。

1.你怎么來實現網頁設計圖,你認為前端應該如何高質量完成工作?一個滿屏品字布局如何設計?

2.HTML5的離線儲存?

3.為什么要初始化CSS樣式?

4.eval是做什么的?

5.99%的網站都需要被重構是哪本書寫的?

6.js的幾種數據類型有哪些?js常見的內置對象類有哪些?

7.如何判斷一個對象是否屬於某個類?

8.js延遲加載的方式有哪些?

9.ajax是什么?同步和異步的區別?如何解決跨域問題?

10.對Node的優點和缺點提出了自己的看法。

11.jQuery和jQuery UI有啥區別?

12.作為一名前端工程師,無論工作年頭長短都應該必須掌握的知識點有哪些。

盈嘉互聯前端筆試題

1.HTML文件里開頭Doctype中XHTML和HTML的區別?

2.行內元素有哪些?塊級元素有哪些?CSS的盒模型由內向外分別為?

3.CSS選擇符有哪些?優先級是怎樣的?

4.寫一個DIV水平垂直居中的方法。

5.網頁中有如下元素:,$(‘#test’)與document.getElementById(‘test’)返回的是否是同一個對象?為什么?如何相等?

6.事件委托是什么,舉例說明委托的應用。

7.寫一個簡單的閉包,並說說你對閉包的理解。

8.jquery中$().ready與load比有什么優點?

9.下面的代碼會在console輸出什么?

(function(){
var a=b=3;
})()
console.log("a defined?"+(typeof a!=='undefined');
console.log("b defined?"+(typeof b!=='undefined');

10.寫一個方法求2000的階乘,即2000!

11.寫一個方法將url的查詢參數變成字典對象

12.下面的代碼會輸出什么?

function test(a, b) {
console.log(b);
return {
test: function (x) {
return test(x, a);
}
};
}
//寫出如下代碼運行結果
var a =test(0); a.test(1);a.test(2);a.test(3);
var b = test(3).test(2).test(1).test(0);
var c = test(2).test(3); c.test(1);c.test(0);
//分析:
var a =test(0); //undefined
a.test(1); //0
a.test(2); //0
a.test(3); //0
var b = test(3).test(2).test(1).test(0); //undefined 3 2 1
var c = test(2).test(3); //undefined 2
c.test(1); //3
c.test(0);

13.在下面的代碼中,數字1-4會以什么順序輸出?

(function () {
console.log(1);
setTimeout(function () {
console.log(2)
}
, 1000)
;
setTimeout(function () {
console.log(3)
}
, 0)
;
console.log(4);
}
)

答案:1-4-3-2

14.下面的代碼會輸出什么?

 console.log(1+"2"+"2");         //122
console.log(1+ +"2"); //3
console.log(1+ +"2"+"2"); //32
console.log(1+ -"1"+"2"); //02
console.log(+"1"+"1"+"2"); //112
console.log("A"-"B"); //NaN
console.log("A"-"B"+"2"); //NaN2
console.log("A"-"B"+2); //NaN

15.參考如下代碼,寫出最后運行結果。

function Yjh1() {
getNumber = function () {
console.log(1);
}
return this;
}

Yjh1.getNumber = function () {
console.log(2);
}
Yjh1.prototype.getNumber = function () {
console.log(3);
}
var getNumber = function () {
console.log(4);
};

function getNumber() {
console.log(5);
}

Yjh1.getNumber(); //2
getNumber(); //4
Yjh1().getNumber(); //匿名函數
getNumber(); //4
new Yjh1.getNumber(); //2
new Yjh1().getNumber(); //3
new new Yjh1().getNumber(); //3

tips:這塊理解的不太清楚,請多多指教,不一定正確。

16.用JavaScript實現html5的placeholder效果。

優聚八百前端筆試題

第一部分 CSS

1.行內元素和塊級元素的具體區別是什么?行內元素的padding和margin可設置嗎?

2.css中可以通過哪些屬性定義,使得一個DOM元素被隱藏?

3.position屬性的值有哪些?他們之間的區別是什么?

4.如何為盒子設置圓角和陰影效果?

5.如何讓元素順時針旋轉60度?

6.列出你實現前端性能優化的方法?

第二部分 HTML5

7.html5語義化標簽有哪些?至少五個。

8.利用html5的畫布繪一條線。

9.我們如何從本地存儲中添加和移除數據?

第三部分 jquery

10.利用jquery獲取被選元素的第三個直接子元素。

<div id="parent">
<div>
<div>g</div>
</div>
<div>x</div>
<div>z</div>
<div>c</div>
</div>

11.利用jquery如何刪除被選元素及其子元素?如何從被選元素中刪除子元素?

12.jquery對象與js對象如何轉換?

13.利用jquery如何為未來元素綁定事件?

第四部分 js

14.BOM對象有哪些?

15.window.onload和jquery中的$(document).ready()的區別?

16.輸出結果是什么?

var a=new Object();
a.name="金克斯";
var b=a;
a.name="吉克斯";
b.name="拉克絲";
console.log(a.name);
console.log(b.name);

注意!

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



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