又到了朗妹兒給大家送福利的時刻了，
這周給大家整理了一些Web前端面試題
建議大家收藏哦~
愛分享·愛學習
1. Meta定義的viewport有哪幾個值？
width：控制 viewport 的大小，可以指定的一個值，如果 600，或者特殊的值，如 device-width 為設備的寬度（單位為縮放為 100% 時的 CSS 的像素）。
height：和 width 相對應，指定高度。
initial-scale：初始縮放比例，也即是當頁面第一次 load 的時候縮放比例。maximum-scale：允許用戶縮放到的最大比例。minimum-scale：允許用戶縮放到的最小比例。
user-scalable：用戶是否可以手動縮放
2. 禁止搜索引擎抓取的mata定義方法？
<meta name="robots" content="index,follow" />
index,follow：允許抓取本頁，允許跟蹤鏈接。
index,nofollow：允許抓取本頁，但禁止跟蹤鏈接。
noindex,follow：禁止抓取本頁，但允許跟蹤鏈接。
noindex,nofllow：禁止抓取本頁，同時禁止跟蹤本頁中的鏈接。
index,follow可以寫成all
如：
<meta name="robots" content="all" />
noindex,nofollow可以寫成none，如：
<meta name="robots" content="none" />
3. 列舉5個html5新出現的標籤，2個不再推薦使用的標籤
新增：section,firgure,header,footer,nav
不再使用: font,u...
4. 如果給你一個大型網站，你如何管理它的CSS、JS以及圖片？
Css : 先期團隊確定全局樣式(global.css)和編碼模式(utf-8)，與html文件分開並行存放
Js : 分文件夾存放，文件夾名用該js功能的英文翻譯
Img：圖片採用整合的images.png png8格式文件使用，儘量整合在一起方便將來管理
5. 常用哪種圖片格式，各有什麼區別，加載不同格式圖片有什麼區別。
圖片類型有gif,png,jpg,svg,webp等
png和jpg的主要區別如下:
1）png可以透明，jpg不能透明，所以需要透明的地方，必須用png
2）png是無損保存，多次保存都不會影響圖片質量；而jpg是壓縮不可逆保存，所以一個jpg圖片經過多次保存之後就會越來越模糊，
3）jpg小，png大；所以我一般網頁能用jpg的地方，就絕不用png
6. HTML5的離線儲存？
1）localStorage
2）sessionStorage
3）IndexedDB
4）Web SQL Database
7. 請簡要介紹一下HTTP返回碼的意思：
302：臨時性重定向
404：找不到文件
503：服務器暫時無法處理請求(過載或維護)
304：與上次網頁相比沒有更新
8. 頁面間傳值的方法（單頁應用可用input、url、localStorage等）
Websocket、 localStorage、sessionStorage、cookie等
9. 標籤上title與alt屬性的區別是什麼？
Title是鼠標懸乎時，出來的說明；
alt是加載不出來時直接出現在頁面上的文字
10. 對WEB標準以及W3C的理解與認識？
web標準簡單來說可以分為結構、表現和行為，W3C對web標準提出了規範化的要求
結構：
1）標籤字母要小寫
2）標籤要閉合
3）標籤不允許隨意嵌套
表現和行為(css,js)：
1）儘量使用外鏈css樣式表和js腳本。是結構、表現和行為分為三塊，符合規範。同時提高頁面渲染速度，提高用戶的體驗。
2）樣式儘量少用行間樣式表，使結構與表現分離，標籤的id和class等屬性命名要做到見文知義，標籤越少，加載越快，用戶體驗提高，代碼維護簡單，便於改版
3）不需要變動頁面內容，便可提供打印版本而不需要複製內容，提高網站易用性。
整理不易，記得給朗妹兒點個贊在看！
以上就是今天的面試題分享啦~
更多面試題及學習資料，可以私信發送【微信】添加朗妹兒微信領取喲~
