人人网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 相关文章推荐
javascript replace方法与正则表达式
Feb 19 Javascript
CSS(js)限制页面显示的文本字符长度
Dec 27 Javascript
file模式访问网页时iframe高度自适应解决方案
Jan 16 Javascript
Javascript基础教程之比较操作符
Jan 18 Javascript
jquery遍历函数siblings()用法实例
Dec 24 Javascript
浅析BootStrap Treeview的简单使用
Oct 12 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
Nov 09 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
微信小程序 实例开发总结
Apr 26 Javascript
vue中$refs, $emit, $on, $once, $off的使用详解
May 26 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
前端性能优化建议
Sep 17 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中eclipse 用空格替换 tab键
2013/06/24 PHP
配置php网页显示各种语法错误
2013/09/23 PHP
非常实用的php弹出错误警告函数扩展性强
2014/01/17 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
PHP+APACHE实现网址伪静态
2015/02/22 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
JS加ASP二级域名转向的代码
2007/05/17 Javascript
caller和callee的区别介绍及演示结果
2013/03/10 Javascript
微信小程序中的swiper组件详解
2017/04/14 Javascript
Vue中父组件向子组件通信的方法
2017/07/11 Javascript
Nodejs 微信小程序消息推送的实现
2021/01/20 NodeJs
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
python3+django2开发一个简单的人员管理系统过程详解
2019/07/23 Python
Python使用itchat 功能分析微信好友性别和位置
2019/08/05 Python
python3 实现爬取TOP500的音乐信息并存储到mongoDB数据库中
2019/08/24 Python
手把手教你配置JupyterLab 环境的实现
2021/02/02 Python
电气技术员岗位职责
2013/11/19 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
优秀护士获奖感言
2014/02/20 职场文书
销售总经理岗位职责
2014/03/15 职场文书
中药专业自荐信范文
2014/03/18 职场文书
奥巴马连任演讲稿
2014/05/15 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
民主生活会对照检查材料(统计局)
2014/09/21 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
院党委组织查摆问题对照检查材料思想汇报2014
2014/10/08 职场文书
涨价通知怎么写
2015/04/23 职场文书
撤诉申请怎么写
2015/05/19 职场文书
ES6 解构赋值的原理及运用
2021/05/25 Javascript
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS
【海涛教你打DOTA】黑鸟第一视角解说
2022/04/01 DOTA