一、端開(kāi)HTML相關(guān)面試題
HTML5新特性 請列舉HTML5引入的發(fā)面5個(gè)新特性，并簡(jiǎn)述其作用。試題 *答案示例*：語(yǔ)義化標簽（如``、網(wǎng)站`
語(yǔ)義化標簽
為什么使用語(yǔ)義化標簽（如``、發(fā)面`
*答案示例*：提升可訪(fǎng)問(wèn)性、輔助搜索引擎優(yōu)化（SEO）、網(wǎng)站便于(yu)樣式化等。面試
CSS選擇器類(lèi)型
請解釋CSS中元素選擇器、及答類(lèi)選擇器、端開(kāi)ID選擇器的區別及使用場(chǎng)景。 *答案示例*：
元素選擇器（如`div`）：直接匹配HTML標簽；
類(lèi)選擇器（如`.class`）：匹配具有特定類(lèi)名的元素；
ID選擇器（如`id`）：匹配唯一標識的元素。
響應式設計
三、JavaScript相關(guān)面試題
閉包概念
閉包是什么？請舉??例說(shuō)明其應(′ω｀)用場(chǎng)景（如數據封裝、回調函數）。 *答案示例*：閉包允許函數訪(fǎng)問(wèn)其外??部作用域的變量，例如：
```javascript
function createCounter() {
let count = 0;
return func??tion() { count++; console.log(count); };
}
const counter = createCounter();
counter(); // 輸出1
counter(); // 輸出2
```
事件委托
事件委托的原理及優(yōu)勢是什么？請舉例說(shuō)明。 *答案示例*：通過(guò)父元素監聽(tīng)子元素事件，減少事件綁定數量，提高性能。例如：
```javascript
document.getElementById('parent').addEventListener('click??', function(e) {
if (e.target.matches('.child')) {
console.log('Child clicked');
}
});
```
四、其他高頻面試題
跨域請求
如何實(shí)現跨域請求？請介紹JSONP和AJAX的跨域解決方案。 *答案示例*：
JSONP：通過(guò)動(dòng)態(tài)插入`