『壹』 前端筆試題編程題該去哪裡練習
leetcode可能太難了一點，如果要刷題的話，建議到掘金 搜索 前端面試，有一堆題目合集和面試
github有6.1k的stars的演算法模板，最科學的刷題方式，最快速的刷題路徑，一個月從入門到 offer。
刷題群吧，我覺得還挺有用的，但要進質量高一點的刷題群，有一些打著刷題群的名號做推廣的也不發題就沒啥必要進了。
『貳』 前端筆試題目求解答！！求寫出具體代碼
其實很簡單，就是一些js判斷就可以實現了，可以先用冒泡排序對它們進行排序，然後將前100名塞進一個數組裡面，當然還有排序的時間和用戶的id等，然後在排行榜按順序輸出array[0 - 100] ，用戶訪問的時候判斷一下用戶id是否在這個數組，如果在輸出數組的內容。如果不在然將 101 - 9999塞進另外一個數組，再查詢用戶id在不在這個數組，如果在，輸出用戶id 對應的排名，如果不在那就是直接輸出未上榜
『叄』 誰有html，css，javascript的面試題和筆試題，不勝感激，追加高分
我也是參加過不少前端的筆試題，其實html+CSS+js的重點就在javascript，html和CSS很難的出現什麼題目，一般是ajax的實現原理，ajax同步和非同步的區別，call和apply的區別，javascript的數據類型，js的繼承機制是如何實現的，定義function的幾種方法，function中如何實現變數的私有和公有化，js的閉包是什麼意思，jquery對javascript做了那些封裝，等等，一般就問這些問題，
『肆』 求web前端開發筆試題
最低0.27元/天開通網路文庫會員，可在文庫查看完整內容>
原發布者:觸不可及112
Web前端開發系班級姓名成績1、目前常用的WEB標准靜態頁面語言是________。2、改變元素的外邊距用________，改變元素的內填充用________。3、在Table中，TR是________，TD是________。4、如果給一行兩列的表格（table）定義高度樣式，在________標簽中定義最合理，最能減少代碼的臃腫。5、對ulli的樣式設成無，應該是用什麼屬性________。6、在新窗口打開鏈接的方法是________。7、合理的頁面布局中常聽過結構與表現分離，那麼結構是________，表現是________。1、在下面的XHTML中，哪個可以正確地標記折行？A：
B：C：
2、下列哪些是格式良好的XHTML？A：Ashortparagraph
B：
Ashortparagraph
C：
Ashortparagraph3、在以下的HTML中，哪個是正確引用外部樣式表的方法？A：B：css"href="mystyle.css">C：mystyle.css4、在HTML文檔中，引用外部樣式表的正確位置是？A：文檔的末尾 B：文檔的頂部C：部分D：部分1、請寫出超鏈接的順序或者你在初始樣式中的鏈接方法。（10分）2、當float和margin同時使用時，IE6的雙倍邊距BUG如何解決？（6分）3、為什麼無法定義1px左右高度的容器？（7分）4、Firefox中標簽的居中問題的解決方法
『伍』 面試Web前端需要注意什麼會面試哪些問題
作為一名HTML5前端工程師，為了工作，為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項：
第一：注意自己的儀容儀表
面試之前，一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括，自己的牙縫是不是還有食物殘渣，所以你需要就近找一個衛生間，如果沒有衛生間就近找一個角落也是可以的，但是切記一定不要在大庭廣眾之下。因此，為了給自己整理出著裝的時間請在約定時間前20分鍾到達。
第二：再次檢查面試時所需的資料是否都已帶全
這些資料主要包括：身份證明、學歷文憑證明、個人簡歷、以往作品等等，如果這些東西齊全之後，需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆「莫名其妙」的東西塞給他，讓他自己再一頁一頁的翻找自己需要的內容，如果說這些資料在面試官手中不小心散落一地，結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發現資料沒有帶全，也不要緊張。反而你要慶倖幸虧及時檢查，也有足夠的時間組織語言去向面試官解釋。
第三：面試之前將通信工具調成振動或關閉狀態
雖然說面試者與面試官之間是一個平等的關系，但畢竟你是去人家公司求職的，始終處於一個被動的狀態，所以最起碼的尊重還是要做到的。曾經有調查顯示，對於面試過程中接電話或是被電話打斷的求職者，會被HR減分。
第四：等候面試官時，仔細觀察多了解面試公司
在等候面試官時，可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在牆上的企業文化、公司的環境等等，一來可以在接下來的面試過程中表現出自己對公司的認同感，二來也可以讓自己對求職公司多些了解，以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架，不妨取一本翻看一下，也會增加HR對你的好感。
第五：放鬆心情，保持自信
面試時一定要保持一定的自信，這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步，即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰。
作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了，像以上五點細節性的東西也是一定要掌握的。
面試題系列：
網頁鏈接
『陸』 前端面試，會考什麼問題，筆試的話有什麼
原生xhr怎麼寫（原生ajax）？
1.創建XHR對象
2.向伺服器發送請求
3.伺服器響應
readyState：存有XMLHttpRequest的狀態。XHR對象會經歷5種不同的狀態 0：請求未初始化（new完後）； 1：伺服器連接已建立（對象已創建並初始化，尚未調用send方法）； 2：請求已接收； 3：請求處理中； 4：請求已完成，響應就緒；123456
status：（HTTP狀態碼很多，請自行了解，舉例常見的）
200：請求成功
404：未找到頁面
301：被請求的資源已永久移動到新位置
304：文檔的內容（自上次訪問以來或者根據請求的條件）並沒有改變
503：伺服器超時
『柒』 前端筆試題，button標簽中，type取值有哪些
button標簽type屬性取值有：
submit 該按鈕是提交按鈕（除了 Internet Explorer，該值是其他瀏覽器的默認值）。
button 該按鈕是可點擊的按鈕（Internet Explorer 的默認值）。
reset 該按鈕是重置按鈕（清除表單數據）。
『捌』 有哪些經典的 Web 前端或者 JavaScript 面試筆試題
一、不定項選擇題 （每題3分，共30分）
1. 聲明一個對象，給它加上name屬性和show方法顯示其name值，以下代碼中正確的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:」zhangsan」,show:」alert(this.name)」};
C. var obj = {name:」zhangsan」,show:function(){alert(name);}};
D. var obj = {name:」zhangsan」,show:function(){alert(this.name);}};
2. 以下關於Array數組對象的說法不正確的是（ CD ）
A. 對數組里數據的排序可以用sort函數，如果排序效果非預期，可以給sort函數加一個排序函數的參數
B. reverse用於對數組數據的倒序排列
C. 向數組的最後位置加一個新元素，可以用pop方法
D. unshift方法用於向數組刪除第一個元素
3. 要將頁面的狀態欄中顯示「已經選中該文本框」，下列JavaScript語句正確的是（ A ）
A. window.status=」已經選中該文本框」
B. document.status=」已經選中該文本框」
C. window.screen=」已經選中該文本框」
D. document.screen=」已經選中該文本框」
4. 點擊頁面的按鈕，使之打開一個新窗口，載入一個網頁，以下JavaScript代碼中可行的是（ AD ）
A.
onclick=」open(『new.html』, 『_blank』)」/>
B.
onclick=」window.location=』new.html』;」/>
C.
onclick=」location.assign(『new.html』);」/>
D.
5. 使用JavaScript向網頁中輸出
hello
，以下代碼中可行的是（ BD ）
A.
document.write(
hello
);
B.
document.write(「
hello
」);
C.
hello
D.
document.write(「hello」);
6. 分析下面的代碼：
function writeIt (value) { document.myfm.first_text.value=value;}
以下說法中正確的是（ CD ）
A. 在頁面的第二個文本框中輸入內容後，當滑鼠離開第二個文本框時，第一個文本框的內容不變
B. 在頁面的第一個文本框中輸入內容後，當滑鼠離開第一個文本框時，將在第二個文本框中復制第一個文本框的內容
C. 在頁面的第二個文本框中輸入內容後，當滑鼠離開第二個文本框時，將在第一個文本框中復制第二個文本框的內容
D. 在頁面的第一個文本框中輸入內容後，當滑鼠離開第一個文本框時，第二個文本框的內容不變
7. 下面的JavaScript語句中，（ D ）實現檢索當前頁面中的表單元素中的所有文本框，並將它們全部清空
A. for(vari=0;i< form1.elements.length;i++) {
if(form1.elements.type==」text」)
form1.elements.value=」";}
B. for(vari=0;i
if(forms[0].elements.type==」text」)
forms[0].elements.value=」";
}
C. if(document.form.elements.type==」text」)
form.elements.value=」";
D. for(vari=0;i
for(var j=0;j
if(document.forms.elements[j].type==」text」)
document.forms.elements[j].value=」";
}
}
8. 在表單(form1)中有一個文本框元素(fname)，用於輸入電話號碼，格式如：010-82668155，要求前3位是010，緊接一個「-」，後面是8位數字。要求在提交表單時，根據上述條件驗證該文本框中輸入內容的有效性，下列語句中，（ A ）能正確實現以上功能
A. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」|| str.substr(4).length!=8 ||
isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
B. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」 && str.substr(4).length!=8 &&
isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
C. var str= form1.fname.value;
if(str.substr(0,3)!=」010-」|| str.substr(3).length!=8 ||
isNaN(parseFloat(str.substr(3))))
alert(「無效的電話號碼！」);
D. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」&& str.substr(4).length!=8 &&
!isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
9. 關於正則表達式聲明6位數字的郵編，以下代碼正確的是（ C ）
A. var reg = /\d6/;
B. var reg = \d{6}\;
C. var reg = /\d{6}/;
D. var reg = new RegExp(「\d{6}」);
10. 關於JavaScript里的xml處理，以下說明正確的是（ BCD ）
A. Xml是種可擴展標記語言，格式更規范，是作為未來html的替代
B. Xml一般用於傳輸和存儲數據，是對html的補充，兩者的目的不同
C. 在JavaScript里解析和處理xml數據時，因為瀏覽器的不同，其做法也不同
D. 在IE瀏覽器里處理xml，首先需要創建ActiveXObject對象
二、問答題
1. 列舉瀏覽器對象模型BOM里常用的至少4個對象，並列舉window對象的常用方法至少5個 （10分）
對象：Window document location screen history navigator
方法：Alert() confirm() prompt() open() close()
2. 簡述列舉文檔對象模型DOM里document的常用的查找訪問節點的方法並做簡單說明 （10分）
Document.getElementById 根據元素id查找元素
Document.getElementByName 根據元素name查找元素
Document.getElementTagName 根據指定的元素名查找元素
三、程序題
1、補充按鈕事件的函數，確認用戶是否退出當前頁面，確認之後關閉窗口； （10分）
function closeWin(){
//在此處添加代碼
if(confirm(「確定要退出嗎？」)){
window.close();
}
}
2、寫出簡單描述html標簽（不帶屬性的開始標簽和結束標簽）的正則表達式，並將以下字元串中的html標簽去除掉（15分）
var str = 「
這里是div
裡面的段落
」;
//
varreg = /<\/?\w+\/?>/gi;
varstr = 「
這里是div
裡面的段落
」;
alert(str.replace(reg,」"));
3、完成foo()函數的內容，要求能夠彈出對話框提示當前選中的是第幾個單選框。（10分）
function foo() {
//在此處添加代碼
var rdo =document.form1.radioGroup;
for(var i =0 ;i
if(rdo.checked){
alert(「您選擇的是第」+(i+1)+」個單選框」);
}
}
}
4、完成函數showImg()，要求能夠動態根據下拉列表的選項變化，更新圖片的顯示 （15分）
function showImg (oSel) {
//在此處添加代碼
var str = oSel.value;
document.getElementById(「pic」).src= str+」.jpg」;
}
『玖』 做了好幾家的前端筆試題，感覺好難啊，我該怎麼應對接
主要還是要看HR了，面試基本知識會就行了 HR要是好的，啥都好說，不然就是歇菜
『拾』 誰能給我出一兩道 web前端筆試題 上機題啥的，呵呵，比較常考的
[面試題] 某企業前端開發面試題
【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);
}
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(可以詳細一點)
答案在參考資料裡面可以找到，答案在參考資料裡面可以找到，答案在參考資料裡面可以找到