人人网javascript面试题 可以提前实现下


Posted in Javascript onJanuary 05, 2012

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. 一级菜单中的元素,鼠标划过后,将会在相应的位置出现二级菜单,二级菜单中的元素
点击将会有事件响应

五、 实现一个所见即所得编辑器(选作)
需提供以下功能:
1. 字体加粗;
2. 文本左对齐、右对齐、居中;
3. 设置字体;
4. 设置字号;
5. 设置字体颜色;
6. 插入超链接;
7. 插入图片;

答案打包

Javascript 相关文章推荐
JS 对象介绍
Jan 20 Javascript
js 巧妙去除数组中的重复项
Jan 25 Javascript
Javascript中的this绑定介绍
Sep 22 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
使用AngularJS处理单选框和复选框的简单方法
Jun 19 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 Javascript
基于node实现websocket协议
Apr 25 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
AngularJS 工作原理详解
Aug 18 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
Vue2.0父组件与子组件之间的事件发射与接收实例代码
Sep 19 Javascript
jquery实现抽奖功能
Oct 22 jQuery
javascript是怎么继承的介绍
Jan 05 #Javascript
js 链式延迟执行DOME
Jan 04 #Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 #Javascript
Textarea与懒惰渲染实现代码
Jan 04 #Javascript
js中有关IE版本检测
Jan 04 #Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
Jan 04 #Javascript
IE的有条件注释判定IE版本详解(附实例代码)
Jan 04 #Javascript
You might like
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
javascript parseInt 大改造
2009/09/27 Javascript
为jquery.ui.dialog 增加“自动记住关闭时的位置”的功能
2009/11/24 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
JavaScript获取图片真实大小代码实例
2014/09/24 Javascript
js动态创建及移除div的方法
2015/06/03 Javascript
基于jQuery实现点击最后一行实现行自增效果的表格
2016/01/12 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
2017/06/13 Javascript
Angular中管道操作符(|)的使用方法
2017/12/15 Javascript
vue.js element-ui tree树形控件改iview的方法
2018/03/29 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
原生JS实现音乐播放器的示例代码
2021/02/25 Javascript
[01:25]2015国际邀请赛最佳短片奖——斧王《拆塔英雄:天赋异禀》
2015/09/22 DOTA
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
[45:59]EG vs OG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[47:31]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.12
2020/12/16 DOTA
通过源码分析Python中的切片赋值
2017/05/08 Python
基于Python的图像数据增强Data Augmentation解析
2019/08/13 Python
python 命名规范知识点汇总
2020/02/14 Python
python+requests实现接口测试的完整步骤
2020/10/27 Python
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
英国乐购杂货:Tesco Groceries
2018/11/29 全球购物
亿阳信通股份有限公司笔试题(C#)
2016/03/04 面试题
上课说话检讨书大全
2014/01/22 职场文书
信用社竞聘演讲稿
2014/05/16 职场文书
尊师重教演讲稿
2014/09/04 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
违反学校规则制度检讨书
2015/01/01 职场文书
公司财务部岗位职责
2015/04/14 职场文书
2015年计生工作总结范文
2015/04/24 职场文书
承诺书范本大全
2015/05/04 职场文书
会议营销主持词
2015/07/03 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书