人人网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 相关文章推荐
this[] 指的是什么内容 讨论
Mar 24 Javascript
改进版通过Json对象实现深复制的方法
Oct 24 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
JS字符串截取函数实例
Dec 27 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
Jun 03 Javascript
移动端 一个简单易懂的弹出框
Jul 06 Javascript
详解PHP中pathinfo()函数导致的安全问题
Jan 05 Javascript
div中文字内容溢出常见的解决方法
Mar 16 Javascript
Angular2数据绑定详解
Apr 18 Javascript
React组件之间的通信的实例代码
Jun 27 Javascript
js实现从左向右滑动式轮播图效果
Jul 07 Javascript
javascript设计模式 ? 备忘录模式原理与用法实例分析
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
多人战的战术与战略
2020/03/04 星际争霸
php实现批量上传数据到数据库(.csv格式)的案例
2017/06/18 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
php strftime函数获取日期时间(switch用法)
2018/05/16 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
AutoSave/自动存储功能实现
2007/03/24 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
javascript实现限制上传文件大小
2015/02/06 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
2015/03/26 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
2016/02/19 Javascript
Bootstrap表单制作代码
2017/03/17 Javascript
详解基于vue-cli配置移动端自适应
2018/01/13 Javascript
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
vue单页缓存方案分析及实现
2018/09/25 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
2019/08/07 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
原生js实现轮播图特效
2020/05/04 Javascript
[01:11:37]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第一场 11.19
2020/11/19 DOTA
python sort、sorted高级排序技巧
2014/11/21 Python
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
Python的mysql数据库的更新如何实现
2017/07/31 Python
python 实现一个贴吧图片爬虫的示例
2017/10/12 Python
查看django执行的sql语句及消耗时间的两种方法
2018/05/29 Python
python3写的简单本地文件上传服务器实例
2018/06/04 Python
Django之Mode的外键自关联和引用未定义的Model方法
2018/12/15 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
python psutil监控进程实例
2019/12/17 Python
python爬虫开发之selenium模块详细使用方法与实例全解
2020/03/09 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
css3中flex布局宽度不生效的解决
2020/12/09 HTML / CSS
css3动画鼠标放上图片逐渐变大鼠标离开图片逐渐缩小效果
2021/01/27 HTML / CSS
全球最大的跑步用品商店:Road Runner Sports
2016/09/11 全球购物
加拿大最大的体育用品、鞋类和服装零售商:Sport Chek
2018/11/29 全球购物
创业计划书之儿童理发店
2019/09/27 职场文书
MySQL 1130异常,无法远程登录解决方案详解
2021/08/23 MySQL