前端面試（一）

08-16

前端面試（一）

100 人贊了文章

表示現在從後端轉行轉到前端了，學習了一段時間，就去蹭面試經驗了，我要記錄一下，為以後的面試積累經驗！

1.HTML5新增標籤：

答：article、footer、header、nav、section

新的表單控制項，比如：calendar、date、time、email、url、search

用於媒介回放的 video 和 audio 元素

用於繪畫的 canvas 元素

2.HTML那哪些標籤是塊級標籤，行內標籤：（至少三個）

答：塊級元素：

<hr> 水平分割線 <p>...</p> 段落 <pre>...</pre> 預格式化 <h1>..<h1>標題標籤 <table>...</table> 表格 <form>...</form>表單 <div>...</div>

行內元素：

<span>...</span> <a>...</a> 鏈接 <br>換行 <b>...</b>加粗 <strong>... </strong> 加粗 <img> 圖片

3.HTML的表單元素有哪些：

文本區域（TEXTAREA），列表框（SELECT），文本輸入框（INPUT type=text），密碼輸入框（INPUT type=password），單選輸入框（INPUT type=radio），複選輸入框（INPUT type=checkbox），重置按鈕、提交按鈕、隱藏域、等等。

4.CSS動畫是哪些標籤：

transform主要用於元素的變形處理。屬性有（translate,rotate,scale,skew,即平移，旋轉，縮放，斜切)

transition：主要用於定義元素的過渡動畫處理。屬性有(property,duration,timing-function,delay.)

5.隱藏標籤有哪個，之間區別是什麼：

方法一：設置display屬性為none

方法二：設置visibility屬性為hidden

display和visibility的區別在於display:none; 使用該屬性後，HTML元素（對象）的寬度、高度等各種屬性值都將「丟失」; visibility:hidden; 使用該屬性後，HTML元素（對象）僅僅是在視覺上看不見（完全透明），而它所佔據的空間位置仍然存在，也即是說它仍具有高度、寬度等屬性值。

6. JS 數據類型：

字元串、數字、布爾、數組、對象、Null、Undefined。（對於不是計算機專業的我，問到這個問題簡直是頭皮發麻，平時用但真的沒有進行歸類。）

7.PHP的get、post方法的區別：

一： get是從伺服器上獲取數據，post是向伺服器傳送數據。

二：get是把參數數據隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個欄位一一對應，在URL中可以看到。post是通過HTTP post機制，將表單內各個欄位與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。

三：get傳送的數據量較小，不能大於2KB。post傳送的數據量較大，一般被默認為不受限制。

四： get安全性非常低，post安全性較高。但是執行效率卻比Post方法好。

8.ajax同步非同步的區別：

同步：提交請求->等待伺服器處理->處理完畢返回這個期間客戶端瀏覽器不能幹任何事

非同步: 請求通過事件觸發->伺服器處理（這是瀏覽器仍然可以作其他事情）->處理完畢

9.js有哪些框架，有什麼特點：

(1).Jquery

<1>.介紹

JQuery 是一款同 prototype 一樣優秀 js 開發庫類，特別是對 css 和 XPath 的支持，使我們寫 js 變得更加方便！如果你不是個 js 高手又想寫出優秀的 js 效果，那麼 JQuery 可以幫你達到目的！並且簡介的語法和高的效率一直是jQuery追求的目標。

<2>.優點：注重簡介和高效，js 效果有 yui-ext 的選擇，因為 yui-ext 重用了很多 jQuery 的函數

<3>.缺點：歷史不悠久。

(2).Prototype

<1>.介紹

它是一個非常優雅的 JS 庫，定義了 JS 的面向對象擴展，DOM 操作API，事件等等，以 Prototype 為核心，形成了一個外圍的各種各樣的 JS 擴展庫，是相當有前途的 JS 底層框架，值得推薦，感覺也是現實中應用最廣的庫類（RoR 集成的 AJAX JS 庫），之上還有 Scriptaculous 實現一些JS組件功能和效果。

<2>.優點：基本底層，易學易用，甚至是其他一些js特效開發包的底層，體積算是最小的了。

<3>.缺點：如果說缺點，可能就是功能是他的弱項。

(3).EXT

<1>.介紹

基於 Yahoo UI 的擴展包 yui-ext 是具有 CS 風格的 Web 用戶界面組件，能實現複雜的 Layout 布局，界面效果可以和 backbase 媲美，而且使用純 javascript 代碼開發。真正的可編輯的表格 Edit Grid，支持 XML 和 Json 數據類型，直接可以遷入 Grid。許多組件實現了對數據源的支持，例如動態的布局，可編輯的表格控制項，動態載入的 Tree 控制項、動態拖拽效果等等。從 1.0 beta 版開始同 Jquery 合作，推出基於 jQuery 的 Ext 1.0，提供了更多有趣的功能。

<2>.優點：結構化，類似於 java 的結構，清晰明了，底層用到了 Jquery 的一些函數，使整合使用有了選擇，最重要的一點是界面太讓讓人震撼了。

<3>.缺點：太過複雜，整個界面的構造過於複雜。

10.vue是怎麼綁定數據的：

1.用指令綁定數據( 指令是特殊的帶有前綴 v- 的特性)

2.用{{}}綁定數據。

可能是因為問的太多問題了，能記起來的就這些問題，但實際上我被問了半小時+的技術，我可以說問的我頭皮發麻，覺得自己在前端這方面上並沒有形成系統化的認識，仍然有很多盲區。有個朋友給我說，找工作靠的就是運氣和不停的跑面試，積累面試經驗，我日後想起來還被問了什麼問題會補充上，後天我還有一場面試，我會記得好好回來寫我的知乎！給自己的面試經驗再蓋一層樓。哦，忘記說了，結果自己面試的公司是個培訓機構，下次面試自己可得長點心啊！