人人网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 相关文章推荐
Prototype 学习 工具函数学习($w,$F方法)
Jul 12 Javascript
顶部缓冲下拉菜单导航特效的JS代码
Aug 27 Javascript
js window.print实现打印特定控件或内容
Sep 16 Javascript
jquery中one()方法的用法实例
Jan 16 Javascript
jQuery学习笔记之jQuery中的$
Jan 19 Javascript
jQuery实现的简单提示信息插件
Dec 08 Javascript
js如何判断输入字符串长度
Dec 16 Javascript
bootstrap模态框示例代码分享
May 17 Javascript
Angular4学习笔记之新建项目的方法
Jul 18 Javascript
用ES6写全屏滚动插件的示例代码
May 02 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
在HTML5 localStorage中存储对象的示例代码
Apr 21 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
PHP 解决session死锁的方法
2013/06/20 PHP
PHP中的output_buffering详细介绍
2014/09/27 PHP
发两个小东西,ASP/PHP 学习工具。 用JavaScript写的
2007/04/12 Javascript
Javascript表达式中连续的 && 和 || 之赋值区别
2010/10/17 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
全面接触神奇的Bootstrap导航条实战篇
2016/08/01 Javascript
vue.js绑定事件监听器示例【基于v-on事件绑定】
2018/07/07 Javascript
vue自定义指令的创建和使用方法实例分析
2018/12/04 Javascript
ES6新增的数组知识实例小结
2020/05/23 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
2020/08/18 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
Python中unittest用法实例
2014/09/25 Python
python flask实现分页效果
2017/06/27 Python
Python 和 JS 有哪些相同之处
2017/11/23 Python
python中列表和元组的区别
2017/12/18 Python
Python数据分析之获取双色球历史信息的方法示例
2018/02/03 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
如何用Python 实现全连接神经网络(Multi-layer Perceptron)
2020/10/15 Python
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
香港艺人陈冠希创办的潮流品牌:JUICESTORE
2021/03/04 全球购物
学年自我鉴定范文
2013/10/01 职场文书
理工大学毕业生自荐信
2013/11/01 职场文书
课堂教学改革实施方案
2014/03/17 职场文书
护士实习求职信
2014/06/22 职场文书
2014年司法局工作总结
2014/12/11 职场文书
大学教师个人总结
2015/02/10 职场文书
任命通知范文
2015/04/21 职场文书
2015年组织委员工作总结
2015/04/23 职场文书
格列夫游记读书笔记
2015/07/01 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书
Vue提供的三种调试方式你知道吗
2022/01/18 Vue.js