1. 有哪些經典的 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. <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」>
<inputtype=」submit」 value=」new」/>
</form>
2. Web前端題目
答案是D，
Visual Basic電腦版是一種由微軟公司開發的包含協助開發環境的事件驅動編程語言。
3. 求web前端面試題庫及答案
1.對WEB標准以及W3C的理解與認識
標簽閉合、標簽小寫、不亂嵌套、提高搜索機器人搜索幾率、使用外 鏈css和js腳本、結構行為表現的分離、文件下載與頁面速度更快、內容能被更多的用戶所訪問、內容能被更廣泛的設備所訪問、更少的代碼和組件，容易維 護、改版方便，不需要變動頁面內容、提供列印版本而不需要復制內容、提高網站易用性；
2.xhtml和html有什麼區別
HTML是一種基本的WEB網頁設計語言，XHTML是一個基於XML的置標語言
最主要的不同：
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關閉。
標簽名必須用小寫字母。
XHTML 文檔必須擁有根元素。
3.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
用於聲明文檔使用那種規范（html/Xhtml）一般為 嚴格 過度 基於框架的html文檔
加入XMl聲明可觸發，解析方式更改為IE5.5 擁有IE5.5的bug
4.行內元素有哪些?塊級元素有哪些?CSS的盒模型?
塊級元素：div p h1 h2 h3 h4 form ul
行內元素: a b br i span input select
Css盒模型:內容，border ,margin，padding
5.CSS引入的方式有哪些? link和@import的區別是?
內聯 內嵌 外鏈 導入
區別 ：同時載入
前者無兼容性，後者CSS2.1以下瀏覽器不支持
Link 支持使用javascript改變樣式，後者不可
6.CSS選擇符有哪些?哪些屬性可以繼承?優先順序演算法如何計算?內聯和important哪個優先順序高?
標簽選擇符 類選擇符 id選擇符
繼承不如指定 Id>class>標簽選擇
後者優先順序高
7.前端頁面有哪三層構成，分別是什麼?作用是什麼?
結構層 Html 表示層 CSS 行為層 js
8.css的基本語句構成是?
選擇器{屬性1:值1;屬性2:值2;……}
9.你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什麼?
Ie(Ie內核) 火狐（Gecko） 谷歌（webkit） opear(Presto)
10.寫出幾種IE6 BUG的解決方法
1.雙邊距BUG float引起的 使用display
2.3像素問題 使用float引起的 使用dislpay:inline -3px
3.超鏈接hover 點擊後失效 使用正確的書寫順序 link visited hover active
4.Ie z-index問題 給父級添加position:relative
5.Png 透明 使用js代碼 改
6.Min-height 最小高度 ！Important 解決』
7.select 在ie6下遮蓋 使用iframe嵌套
8.為什麼沒有辦法定義1px左右的寬度容器（IE6默認的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）
4. web前端面試題@二（Keeplive、V-show和v-if的區別、同源策略及跨域）
在vue中，我們使用component內置組件或者vue-router切換視圖的時候，由於vue會主動卸載不使用的組件，所以我們不能保存組件之前的狀態，而我們經常能遇到需要保存之前狀態的需求，例如：搜索頁（保存搜索記錄），列表頁（保存之前的瀏覽記錄）等等。
Keep-alive是一個vue的內置組件，它能將不活動的組件保存下來，而不是直接銷毀，當我們再次訪問這個組件的時候，會先從keep-alive中存儲的組件中尋找，如果有緩存的話，直接渲染之前緩存的，如果沒有的話，再載入對應的組件。
作為抽象組件，keep-alive是不會直接渲染在DOM中的。
Keep-alive提供了三種可選屬性
Include-字元串或數組或正則表達式。只有名稱匹配的組件被緩存。
Exclude -字元串或數組或正則表達式。名稱匹配的組件不會被緩存。
Max -數字類型。表示最多可以緩存多少組件實例。
Keep-alive提供了兩個生命鉤子，分別是activated與 deactivated。
因為Keep-alive會將組件保存在內存中，並不會銷毀以及重新創建，所以不會重新調用組件的created等方法，需要用activated與deactivated這兩個生命鉤子來得知當前組件是否處於活動狀態。
V-show有較高的渲染成本，
V-if有較高的切換成本。
V-if是真正的條件渲染，確保切換過程中條件內的事件監聽器和子組件適當的被銷毀和重建。
V-show的元素始終被渲染並保存在dom中，操作的只是display屬性控制演示影藏。
源（origin）—— 就是協議、域名和埠號。若地址裡面的協議、域名和埠號均相同則屬於同源。
同源策略——同源策略是瀏覽器的一個安全功能，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源。所以a.com下的js腳本採用ajax讀取b.com裡面的文件數據是會報錯的。
不受同源策略限制的
1.頁面中的鏈接，重定向以及表單提交是不會受到同源策略限制的。
2.跨域資源的引入是可以的。但是js不能讀寫載入的內容。如嵌入到頁面中的<script src="..."></script>，<img>，<link>，<iframe>等。
跨域——只要協議、域名、埠號有一個不同就是跨域。
跨域的原因？（只做了解）
跨域問題來源於JavaScript的同源策略，即只有 協議+主機名+埠號(如存在)相同，則允許相互訪問。為了防止某域名下的介面被其他域名下的網頁非法調用，是瀏覽器對JavaScript施加的安全限制。也就是說JavaScript只能訪問和操作自己域下的資源，不能訪問和操作其他域下的資源。跨域問題是針對JS和ajax的，html本身沒有跨域問題，比如a標簽、script標簽、甚至form標簽（可以直接跨域發送數據並接收數據）等。
1、 Jsonp——
利用script標簽可跨域的特點，在跨域腳本中可以直接回調當前腳本的函數。jsonp是一種常用的跨域手段，和反向代理，服務端做跨域處理相比，jsonp更顯得方便輕巧 jsonp的缺點只能發送get請求。因為script只能發送get請求需要後台配合。此種請求方式應該前後端配合，將返回結果包裝成callback(result)的形式。
2、 Cors——
伺服器設置HTTP響應頭中Access-Control-Allow-Origin值，解除跨域限制。CORS 是一個W3C標准,全稱是"跨域資源共享"（Cross-origin resource sharing），他允許瀏覽器向跨源伺服器發送XMLHttpRequest請求，從而克服 AJAX 只能同源使用的限制
缺點是：目前所有最新瀏覽器都支持該功能，但是萬惡的IE不能低於10
Access-Control-Allow-Origin 這個欄位是必須的,表示接受那些域名的請求(*為所有)、Access-Control-Allow-Credentials 該欄位可選, 表示是否可以發送cookie、Access-Control-Expose-Headers 該欄位可選,XHMHttpRequest對象的方法只能夠拿到六種欄位: Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma ,如果想拿到其他的需要使用該欄位指定。
3、反向代理（Reverse Proxy）{前端獨立就能解決的跨域方案}——
指以代理伺服器來接受internet上的連接請求，然後將請求轉發給內部網路上的伺服器，並將從伺服器上得到的結果返回給internet上請求連接的客戶端，此時代理伺服器對外就表現為一個反向代理伺服器。
5. 計算機二級考試 web程序設計考些什麼需要學習哪些編程語言javascript是什麼跟java什麼關系
二級WEB程序設計考試大綱
一、基本要求
1. 掌握Web工作原理，了解Web技術基礎知識，熟悉IIS的管理；
2. 掌握靜態網頁設計技術，熟練掌握網頁的HTML代碼編寫；
3. 熟練掌握一種腳本語言（VBScript或JavaScript）的編程方法，具有較強的客戶端動態設計的能力；
4. 熟練掌握ASP工作原理和ASP編程方法，具有較強的伺服器端動態設計的能力；
5. 熟悉資料庫的操作和SQL語言的運用，熟練掌握ADO工作原理，熟練運用ADO進行資料庫的管理；
6. 基本具有小型Web應用系統的綜合設計能力。
二、考試范圍
（一）Web技術基礎
1. Web工作原理：WWW概念和標准、W3C、Web客戶端和Web瀏覽器、Web伺服器端和Web伺服器；
2. TCP/IP協議、IP地址和域名服務；
3. HTTP和URL： HTTP工作過程、HTTP Request、HTTP Response，URL；
4. IIS的安裝、配置和管理；
5. 站點的規劃、設計、發布和管理。
（二）靜態網頁設計
1.靜態網頁開發技術：頁面設計原則、可視化頁面設計工具（FrontPage或DreamWeaver）的運用；
2.HTML代碼：HTML基本語法、HTML常用標簽；
3.XML、DHTML、XHTML。
（三）腳本語言和程序設計（腳本語言任選一種）
1.VBScript：VBScript語法、VBScript數據類型、變數、常
量、數組、運算符、表達式、內部函數、程序控制結構、Sub過程、Function函數，VBScript嵌入HTML；
2.JavaScript：JavaScript語法、JavaScript數據類型及類型轉換、變數、數組、操作符、表達式、函數、程序控制結構，JavaScript事件；JavaScript內置對象，對象層次及DOM模型，JavaScript嵌入HTML；
（四）伺服器端動態設計
1．ASP工作原理；
2． ASP編程：ASP文件的建立與運行，Response對象、Request
對象、Session對象、Application對象、Server對象、使用Form集合、使用QueryString集合、使用Cookies集合、使用Clinet Certificate集合、文件存取組件FileSystemObject、 a文件；
3．CGI、PHP、JSP的工作原理。
（五）Web資料庫應用
1．Access資料庫和SQL Server資料庫的應用：資料庫的建
立、數據表的建立、數據的輸入、修改、查詢和刪除等操作；
2．SQL語言的應用：Select語句查詢記錄、Insert語句插入
記錄、Update語句修改記錄、Delete語句刪除記錄；
3．ODBC數據源的配置與管理：ODBC的概念、ODBC驅動程序、
ODBC數據源的建立、ODBC數據源的配置與管理；
4．ADO訪問資料庫：ADO工作原理，與ACCESS資料庫的連接、
與SQL Server資料庫的連接，ADO的Connection對象、ADO的Recordset對象、ADO的Command對象；
5．小型Web應用系統的綜合設計
6. web程序設計二級考試考什麼
web程序設計二級考試考：Web資料庫應用、伺服器端動態設計、腳本語言和程序設計、靜態網頁設計、Web技術基礎5個模塊的內容。
7. web程序設計二級考試考什麼
計算機二級web程序設計考：Web資料庫應用、伺服器端動態設計、腳本語言和程序設計、靜態網頁設計、Web技術基礎5個模塊的內容。
二級Web程序設計是全國計算機等級考試的一個考試項目之一。
Web技術基礎：
1．Internet與Web技術的基本概念。
2．Web技術的主要組成。
3．Web瀏覽器與伺服器的基本概念和工作原理。
4．Web應用開發構架和開發技術。
8. 計算機二級《Web程序設計》試題及答案
計算機二級《Web程序設計》試題及答案
1在下列的HTML中，正確產生超鏈接的標記是()。
A.新浪網B.新浪網C.http：///WWW.sina.Corn.cnD.新浪網
參考答案：B
2下面協議中用於在Web瀏覽器和伺服器之間傳輸Web文檔的是()。
A.NFSB.FTPC.HTTPD.DNS
參考答案：C
3在HTTP響應的MIME消息體中，可以同時包含如下類型的數據()。
i .文本數據 ii.圖片數據 iii.視頻數據 iv.音頻數據
A.僅iB.i和iiC.i、ii和iiiD.全都可以
參考答案：D
4HTTP協議是一種()協議。
A.文件傳輸協議B.郵件協議C.遠程登錄協議D.超文本傳輸協議
參考答案：D
5在HTML文檔中使用的注釋符號是()。
A.//…B./*……*/C.D.以上說法均錯誤
參考答案：C
6HTTP請求消息中可以不包含()。
i.開始行 ii.消息頭iii.消息體實體數據
A.僅iB.i和iiC.ii和 iiiD.僅iii
參考答案：C
7下列技術中控制文檔結構的.是()。
A.DOMB.CSSC.JavaScriptD.XMLHttpRequest
參考答案：A
8下列語言編寫的代碼中，在瀏覽器端執行的是()。
A.wt h頁面中的c#代碼
B.Web頁面中的Java代碼
C.Web頁面中的PHP代碼
D.Web頁面中的JavaScript代碼
參考答案：D
9在HTTP/1.1協議中，持久連接選項是()的。
A.默認關閉B.默認打開C.不可協商D.以上都不對
參考答案：B
10以下不是HTTP協議的特點的是()。
A.持久連接B.請求/響應模式C.只能傳輸文本數據D.簡單、高效
參考答案：C
11下列語句中，正確打開名為“window2"的新窗口的JavaScript語句是()。
A.open.new("http：//www.sina.COB.cn"，"window2")
B.new.window("http：//www.sina.con.cn"，"window2")
C.new("http：//www.sina.com.cn"，"window2")
D.window.open("http：//www.sina.tom.cn"，"window2")
參考答案：D
12以下選項中，全部都是表格標記的是()。
參考答案：B
13下列關於ASP.NET的描述中，錯誤的是()。
A.ASP.NET依賴於微軟的.NET框架
B.ASP.NET採用純面向對象語言比採用腳本語言的執行效率高
C.ASP.NET採用代碼分離技術有利於開發協作
D.ASP.NET和ASP都採用了JavaScript編程語言
參考答案：D
14下列函數中能夠把6.25四捨五入為最接近的整數的是()。
A.round(6.25)B.rnd(6.25)C.Math.rnd(6.25)D.Math.round(6.25)
參考答案：D
15目前在Internet上應用最為廣泛的服務是()。
A.FTP服務B.Web服務C.Telnet服務D.Gopher服務
參考答案：B
16下列正確地在CSS文件中插入注釋的語句是()。
A.//this is a commentB.//this is a comment//C./*this is a comment*/D.'this is a comment
參考答案：C
17下列不屬於動態網頁格式的是()。
A.ASPB.JSPC.ASPXD.VBS
參考答案：D
18以下語句中，正確製作電子郵件鏈接的是()。
參考答案：C
19下列哪個樣式能夠顯示這樣一個邊框：上邊框10像素、下邊框5像素、左邊框20像素、右邊框l像素?()
A.border—width：10px 5px 20px 1px
B.border—width：10px 20px 5px 1px
C.border—width：5px 20px l0px 1px
D.border—width：10px 1px 5px 20px
參考答案：D
20CSS 主要用下列哪個HTML標記構建頁面布局?()
參考答案：B
21在下列選項中，正確地產生文本區(textarea)的標記是()。
參考答案：A
22在訪問的URL http：//Cms.bit.e.Cn：8080/login.aspx中，http表示()。
A.埠號B.文件名C.訪問協議D.主機名
參考答案：C
23下列標記中不屬於行內元素的是()。
參考答案：D
24在HTML文檔中用於表示頁面標題的標記對是()。
參考答案：D
25下列符合CSS語法的正確語句是()。
A.body：color=blackB.{body;color：black}C.body{color：black;}D.{body：color=black}
參考答案：C
更多計算機二級試題推薦：
1. 2016年9月計算機二級web考試試題及答案
2. 計算機二級《Web程序設計》試題及答案
3. 計算機二級考試WEB試題及答案
4. 2016計算機二級考試《Web程序設計》練習題模擬
5. 2016計算機二級考試高級Office試題及答案
6. 2016最新計算機二級考試試題及答案
7. 2016年計算機二級office高級應用試題【題庫】
8. 2016計算機二級等級考試題型分析
9. 2016下半年計算機二級ps試題及答案
10. 計算機二級Office考試試題及答案
;9. 騰訊WEB前端筆試題和面試題答案
如下分享是一份完整的騰訊WEB前端筆試題，大家有空可以練一練！
一、耐心填一填!(每空4分，共24分)
1. 為span設置類a與b,應編寫HTML代碼_
_
_________。
2. 設置CSS屬性clear的值為_both___________時可清除左右兩邊浮動。
3. ____li________標簽必須直接嵌套於ul、ol中。
4. CSS屬性_____margin_______可為元素設置外補丁。
5. 設置CSS屬性float的值為___none_________時可取消元素的浮動。
6. 文字居中的CSS代碼是____text-align:center________。
二、精心選一選!(每題4分，共16分)
1. 下列哪個樣式定義後,內聯(非塊狀)元素可以定義寬度和高度( C )
A. display:inline B. display:none C. display:block D. display:inheric
2. 選出你認為最合理的定義標題的方法( C )
A. 文章標題
B.
文章標題
C.
文章標題
D. 文章標題
3. br標簽在XHTML中語義為( A )
A.換行 B.強調 C.段落 D.標題
4. 不換行必須設置( AC )
A.word-break B.letter-spacing C.white-space D.word-spacing
5. 在使用table表現數據時，有時候表現出來的會比自己實際設置的寬度要寬，為此需要設置下面哪些
屬性值( AD )
A. cellpadding=”0″ B. padding:0 C. margin:0 D. cellspacing=”0″
三、判斷對或錯!(每題4分，共24分)
1. CSS屬性font-style 用於設置字體的粗細。 ( × )
2. CSS屬性overflow用於設置元素超過寬度時是否隱藏或顯示滾動條。 ( √ )
3. 在不涉及樣式情況下,頁面元素的優先顯示與結構擺放順序無關。 ( × )
4. 在不涉及樣式情況下,頁面元素的優先顯示與標簽選用無關。 ( √ )
5. display:inline兼容所有的瀏覽器。 ( √ )
6. input屬於窗體元素,層級顯示比flash、其它元素都高。 ( × ) 1 2