人人網(wǎng)javascript面試題 可以提前實現(xiàn)下
更新時間:2012年01月05日 17:40:52 作者:
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實現(xiàn),不可使用任何框架,第五題為選作題
JavaScript面試題要求:以下題目必須從一至四題中,選出三道題,使用原生代碼實現(xiàn),不可使
用任何框架,第五題為選作題。
一、 在頁面的固定區(qū)域內(nèi)實現(xiàn)圖片的展示
1. 每點擊一次右箭頭,圖片區(qū)域向左滾動出一張圖片,反之相同;
2. 當發(fā)現(xiàn)圖片滾動到末尾時,響應的箭頭變成不可點擊狀態(tài);
3. 鼠標在圖片區(qū)域內(nèi)滑動滾輪,圖片會隨著鼠標滾輪的方向進行響應的滾動;
二、 用 js、html、css實現(xiàn)一個彈出提示控件:
1. 分別實現(xiàn)類似于系統(tǒng)的 alert、confirm、prompt對話框;
2. 對話框大小根據(jù)提示內(nèi)容進行自適應(有一個最小寬高),默認出現(xiàn)在頁面的水平垂直居中的位置;
3. 對話框可拖動;
4. 對話框中的事件模擬系統(tǒng)對話框的事件(例如:alert 對話框,點擊確定按鈕,對話框消失);
5. 解決IE6被 select控件遮擋的問題;
三、 實現(xiàn) input 輸入框的自動匹配
1. 對 input框中輸入的字符進行匹配,將匹配到的內(nèi)容以菜單的形式展現(xiàn)在 input框的下方; 2. 只針對英文字符進行匹配,并且匹配到的內(nèi)容在菜單中加粗;
3. 通過鍵盤上的上下箭頭可以對菜單進行選擇,按下回車后將選中的內(nèi)容寫入到 input框中;
四、 在頁面上實現(xiàn)一個二級菜單控件
1. 這個控件可以綁定到頁面上的任意一個元素,當點擊頁面元素出現(xiàn)菜單;
2. 菜單出現(xiàn)的方向根據(jù)所在頁面的位置自動進行調(diào)整,例如:
3. 一級菜單中的元素,鼠標劃過后,將會在相應的位置出現(xiàn)二級菜單,二級菜單中的元素
點擊將會有事件響應
五、 實現(xiàn)一個所見即所得編輯器(選作)
需提供以下功能:
1. 字體加粗;
2. 文本左對齊、右對齊、居中;
3. 設置字體;
4. 設置字號;
5. 設置字體顏色;
6. 插入超鏈接;
7. 插入圖片;
答案打包
用任何框架,第五題為選作題。
一、 在頁面的固定區(qū)域內(nèi)實現(xiàn)圖片的展示
1. 每點擊一次右箭頭,圖片區(qū)域向左滾動出一張圖片,反之相同;
2. 當發(fā)現(xiàn)圖片滾動到末尾時,響應的箭頭變成不可點擊狀態(tài);
3. 鼠標在圖片區(qū)域內(nèi)滑動滾輪,圖片會隨著鼠標滾輪的方向進行響應的滾動;
二、 用 js、html、css實現(xiàn)一個彈出提示控件:
1. 分別實現(xiàn)類似于系統(tǒng)的 alert、confirm、prompt對話框;
2. 對話框大小根據(jù)提示內(nèi)容進行自適應(有一個最小寬高),默認出現(xiàn)在頁面的水平垂直居中的位置;
3. 對話框可拖動;
4. 對話框中的事件模擬系統(tǒng)對話框的事件(例如:alert 對話框,點擊確定按鈕,對話框消失);
5. 解決IE6被 select控件遮擋的問題;
三、 實現(xiàn) input 輸入框的自動匹配
1. 對 input框中輸入的字符進行匹配,將匹配到的內(nèi)容以菜單的形式展現(xiàn)在 input框的下方; 2. 只針對英文字符進行匹配,并且匹配到的內(nèi)容在菜單中加粗;
3. 通過鍵盤上的上下箭頭可以對菜單進行選擇,按下回車后將選中的內(nèi)容寫入到 input框中;
四、 在頁面上實現(xiàn)一個二級菜單控件
1. 這個控件可以綁定到頁面上的任意一個元素,當點擊頁面元素出現(xiàn)菜單;
2. 菜單出現(xiàn)的方向根據(jù)所在頁面的位置自動進行調(diào)整,例如:
3. 一級菜單中的元素,鼠標劃過后,將會在相應的位置出現(xiàn)二級菜單,二級菜單中的元素
點擊將會有事件響應
五、 實現(xiàn)一個所見即所得編輯器(選作)
需提供以下功能:
1. 字體加粗;
2. 文本左對齊、右對齊、居中;
3. 設置字體;
4. 設置字號;
5. 設置字體顏色;
6. 插入超鏈接;
7. 插入圖片;
答案打包
您可能感興趣的文章:
- 一套比較完整的javascript面試題(部分答案)
- 你有必要知道的25個JavaScript面試題
- BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--JavaScript篇
- 網(wǎng)易JS面試題與Javascript詞法作用域說明
- js前端面試題及答案整理(一)
- 5個JavaScript經(jīng)典面試題
- 從面試題學習Javascript 面向?qū)ο螅▌?chuàng)建對象)
- 一不小心就做錯的JS閉包面試題
- javascript實現(xiàn)上傳圖片前的預覽(TX的面試題)
- 一道常被人輕視的web前端常見面試題(JS)
- AngularJS 面試題集錦
- JS簡單獲取客戶端IP地址的方法【調(diào)用搜狐接口】
- JS搜狐面試題分析
相關文章
javascript動態(tài)分頁的實現(xiàn)方法實例
最近的項目需要添加一個分頁導航的功能,沒有用網(wǎng)上封裝好的文件,通過JS自己簡單實現(xiàn)了效果,這篇文章主要給大家介紹了關于javascript動態(tài)分頁的實現(xiàn)方法,需要的朋友可以參考下2022-06-06JavaScript實現(xiàn)JSON合并操作示例【遞歸深度合并】
這篇文章主要介紹了JavaScript實現(xiàn)JSON合并操作,結(jié)合實例形式分析了javascript基于遞歸深度實現(xiàn)json合并操作相關實現(xiàn)技巧與注意事項,需要的朋友可以參考下2018-09-09JavaScript學習筆記之獲取當前目錄的實現(xiàn)代碼
用來獲取當前目錄的js代碼,需要的朋友可以參考下,主要利用了split函數(shù)。2010-12-12