人人網javascript面試題 可以提前實現下

來源:互聯網
上載者:User

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. 插入圖片;

答案打包

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.