人人网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 相关文章推荐
二级域名转向类
Nov 09 Javascript
JavaScript入门教程(12) js对象化编程
Jan 31 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
Apr 17 Javascript
Bootstrap栅格系统的使用和理解2
Dec 14 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
js获取元素下的第一级子元素的方法(推荐)
Mar 05 Javascript
详解Node.js串行化流程控制
May 04 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
vue中实现左右联动的效果
Jun 22 Javascript
微信小程序实现获取小程序码和二维码java接口开发
Mar 29 Javascript
layui table表格数据的新增,修改,删除,查询,双击获取行数据方式
Nov 14 Javascript
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
使用swoole扩展php websocket示例
2014/02/13 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
利用php下载xls文件(自己动手写的)
2014/04/18 PHP
PHP中的use关键字概述
2014/07/23 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
php for 循环使用的简单实例
2016/06/02 PHP
php写一个函数,实现扫描并打印出自定目录下(含子目录)所有jpg文件名
2017/05/26 PHP
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
vue.js简单配置axios的方法详解
2017/12/13 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
Element-ui DatePicker显示周数的方法示例
2019/07/19 Javascript
本地文件上传到七牛云服务器示例(七牛云存储)
2014/01/11 Python
关于Python如何避免循环导入问题详解
2017/09/14 Python
对Python中Iterator和Iterable的区别详解
2018/10/18 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
python 函数内部修改外部变量的方法
2018/12/18 Python
Django框架用户注销功能实现方法分析
2019/05/28 Python
python单例模式的多种实现方法
2019/07/26 Python
pytorch实现用Resnet提取特征并保存为txt文件的方法
2019/08/20 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
TensorFlow自定义损失函数来预测商品销售量
2020/02/05 Python
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
若通过ObjectOutputStream向一个文件中多次以追加方式写入object,为什么用ObjectInputStream读取这些object时会产生StreamCorruptedException?
2016/10/17 面试题
应届大学生简历中的自我评价
2014/01/15 职场文书
旷课检讨书1000字
2014/02/14 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
导师评语大全
2014/04/26 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
2016年大学生暑期社会实践方案
2015/11/26 职场文书
Go使用协程交替打印字符
2021/04/29 Golang
详解MySQL的Seconds_Behind_Master
2021/05/18 MySQL
浅谈pytorch中的dropout的概率p
2021/05/27 Python
深入理解margin塌陷和margin合并的解决方案
2021/06/26 HTML / CSS