人人網javascript面試題

JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現，不可使用任何架構，第五題為選作題。

JavaScript面試題要求：以下題目必須從一至四題中，選出三道題，使用原生代碼實現，不可使
用任何架構，第五題為選作題。

一、  在頁面的固定地區內實現圖片的展示   

1.  每點擊一次右箭頭，圖片地區向左滾動出一張圖片，反之相同；   
2.  當發現圖片滾動到末尾時，響應的箭頭變成不可點擊狀態；   
3.  滑鼠在圖片地區內滑動滾輪，圖片會隨著滑鼠滾輪的方向進行響應的滾動；   


二、  用  js、html、css實現一個彈出提示控制項：   
1.  分別實作類別似於系統的  alert、confirm、prompt對話方塊；   
2.  對話方塊大小根據提示內容進行自適應（有一個最小寬高），預設出現在頁面的水平垂直置中的位置；   
3.  對話方塊可拖動；   
4.  對話方塊中的事件類比系統對話方塊的事件（例如：alert 對話方塊，點擊確定按鈕，對話方塊消失）；   
5.  解決IE6被 select控制項遮擋的問題；   


三、  實現 input 輸入框的自動匹配   
  
1.  對 input框中輸入的字元進行匹配，將匹配到的內容以菜單的形式展現在  input框的下方；  2.  只針對英文字元進行匹配，並且匹配到的內容在菜單中加粗；   
3.  通過鍵盤上的上下箭頭可以對菜單進行選擇，按下斷行符號後將選中的內容寫入到 input框中；   


四、  在頁面上實現一個二級菜單控制項   
  
1.  這個控制項可以綁定到頁面上的任意一個元素，當點擊頁面元素出現菜單；   
2.  菜單出現的方向根據所在頁面的位置自動進行調整，例如：   
3.  一級菜單中的元素，滑鼠划過後，將會在相應的位置出現二級菜單，二級菜單中的元素
點擊將會有事件響應   


五、  實現一個所見即所得 (WYSIWYG)編輯器（選作）   
需提供以下功能：
1.  字型加粗；
2.  文本靠左對齊、靠右對齊、置中；
3.  設定字型；
4.  設定字型大小；
5.  設定字型顏色；
6.  插入超連結；
7.  插入圖片；