前端面試題摘要：基礎概念：html 是一種用于創建網頁內容的標記語言。css 控制網頁的視覺呈現，包括字體、顏色和布局。javascript 用于創建動態和交互式網頁元素。前端框架：流行的前端框架包括 react、angular 和 vue.js。react 使用基于組件的體系結構和單向數據流，而 vue.js 使用基于模板的體系結構和雙向數據綁定。性能優化：使用 cdn 緩存靜態內容以提升網頁加載速度。懶加載只在需要時加載內容，提高性能。安全性：xss 攻擊通過
2024 年前端面試題：淺入深
一、基礎概念
1.什么是 HTML？
HTML (超文本標記語言) 是一種標記語言，用于創建和結構化網頁的內容。
2.解釋 CSS 的作用。
CSS (層疊樣式表) 是一種樣式表語言，用于控制網頁的視覺呈現，包括字體、顏色、布局和動畫。
3.描述 JavaScript 的用途。
JavaScript 是一種編程語言，用于在網頁上創建動態和交互式元素，例如表單驗證、菜單和動畫。
二、前端框架
1.舉例說明一個流行的前端框架。
React、Angular 和 Vue.js 是當下流行的前端框架。
2.比較 React 和 Vue.js 的主要區別。
React 使用基于組件的體系結構，而 Vue.js 使用基于模板的體系結構。React 采用單向數據流，而 Vue.js 采用雙向數據綁定。
三、性能優化
1.列舉一種提升網頁加載速度的方法。
使用內容傳遞網絡 (CDN) 可以將靜態內容（例如圖像和 CSS 文件）緩存到靠近用戶的位置，從而加快加載速度。
2.解釋懶加載的原理。
懶加載只在需要時加載內容，通常在用戶滾動頁面時。這有助于減少初始頁面加載時間并提高性能。
四、安全性
1.說明跨站點腳本 (XSS) 攻擊的工作原理。
XSS 攻擊利用網站中不受信任的輸入，向用戶瀏覽器中注入惡意腳本，從而竊取敏感信息或控制計算機。
2.列舉一種防止 XSS 攻擊的方法。
對用戶輸入進行轉義或驗證，可以防止惡意腳本執行。
五、移動端開發
1.解釋移動端優先設計的原則。
移動端優先設計是一種方法，它從為移動設備創建最佳體驗開始，然后擴展到其他設備。
2.列舉用于構建響應式網頁的兩個媒體查詢。
max-width: 768px 用于針對屏幕寬度小于 768 像素的設備；min-width: 1200px 用于針對屏幕寬度大于或等于 1200 像素的設備。
