PHP 工程師面試真題：Web 前端基礎（表單/CSS/DIV/JS/Ajax/jQuery）附答案

精選 33 道高頻面試題，涵蓋六大模塊：

一、Form 表單（5 題）

• GET/POST 容量限制：GET 受 URL 長度限制（~1MB），POST 無限制
• MAX_FILE_SIZE 隱藏域控制上傳大小，需置於 file 域之前
• 無 method/action 的 form 默認 GET 提交當前頁
• 只讀屬性：readonly（提交值）vs disabled（不提交）
• register_globals=On 時 $name 與 $_POST['name'] 通用（極不推薦，安全隱患）

二、CSS 樣式（7 題）

• CSS 定義：層疊樣式表，實現內容與表現分離
• 三種引入方式：行內 style、頁面內 <style>、外部 <link>
• 常用屬性：border、background、font、text-align 等
• IE6 雙倍邊距：display:inline 修復浮動元素
• 超鏈接偽類順序：LVHA (link/visited/hover/active) 解決 hover 失效
• Firefox 高度塌陷：min-height 或 clear:both 觸發 BFC
• 1px 高度容器：overflow:hidden; line-height:1px; font-size:0

三、DIV/Table 佈局（4 題）

• <span> 行內元素，<div> 塊級元素
• Table 跨行/列合併渲染結果分析
• 絕對定位居中：top:50%; left:50%; margin:-半高 -半寬
• Firefox 子 DIV 水平居中：margin:0 auto（父級保留 text-align:center 兼容 IE）

四、JavaScript 基礎（5 題）

• 彈窗 alert()、焦點 focus()
• 跳轉 window.location.href、引入外部 JS <script src=...>
• 鼠標經過全選 onmouseover="this.select()"
• 點擊清空 onclick="this.value=''"
• 設置首頁 this.style.behavior='url(#default#homepage)'; this.setHomepage(url)

五、Ajax/jQuery（12 題）

• Ajax 解決無狀態，jQuery 封裝 Ajax
• 用戶名檢測、生肖判斷等實戰代碼（$.get/$.post）
• jQuery 選擇器分類：基本、層次、過濾
• DOM 操作：append/prepend/before/after/replaceWith
• 動畫：fadeOut、slideUp
• 圖片輪播：setInterval + fadeIn/next()
• 獲取元素文檔座標：offset()（原文用 margin 錯誤，正確為 offset()）

原文最後一題代碼有誤，已在說明中修正。