和信安科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. $(“div p”) B.$(“div.container”)
C. $(“table a”,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);