人人网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操作userdata
Apr 27 Javascript
ajax中get和post的说明及使用与区别
Dec 23 Javascript
JS写的贪吃蛇游戏(个人练习)
Jul 08 Javascript
js中settimeout方法加参数
Feb 28 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
基于JQuery实现图片轮播效果(焦点图)
Feb 02 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
js实现拖动缓动效果
Jan 13 Javascript
原生小程序封装跑马灯效果
Oct 21 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
Nov 05 Javascript
JavaScript实现缓动动画
Nov 25 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的AES加密算法类
2015/03/12 PHP
解决 firefox 不支持 document.all的方法
2007/03/12 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
JS常用正则表达式总结
2013/11/12 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
javascript中Function类型详解
2015/04/28 Javascript
js实现温度计时间样式代码分享
2015/08/21 Javascript
Node.js与Sails ~项目结构与Mvc实现及日志机制
2015/10/14 Javascript
js右下角弹出提示框示例代码
2016/01/12 Javascript
jQuery仿写百度百科的目录树
2017/01/03 Javascript
bootstrap table实现单击单元格可编辑功能
2017/03/28 Javascript
javascript帧动画(实例讲解)
2017/09/02 Javascript
Vue的H5页面唤起支付宝支付功能
2019/04/18 Javascript
实例分析javascript中的异步
2020/06/02 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
python网络爬虫采集联想词示例
2014/02/11 Python
Python实用日期时间处理方法汇总
2015/05/09 Python
详细解析Python中__init__()方法的高级应用
2015/05/11 Python
Scrapy框架CrawlSpiders的介绍以及使用详解
2017/11/29 Python
MAC中PyCharm设置python3解释器
2017/12/15 Python
Python访问MongoDB,并且转换成Dataframe的方法
2018/10/15 Python
python 将大文件切分为多个小文件的实例
2019/01/14 Python
Django 反向生成url实例详解
2019/07/30 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
Python中私有属性的定义方式
2020/03/05 Python
Keras: model实现固定部分layer,训练部分layer操作
2020/06/28 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
HTML5 Canvas像素处理使用接口介绍
2012/12/02 HTML / CSS
IWOOT美国:新奇的小玩意
2018/04/27 全球购物
关于爱国的演讲稿
2014/05/07 职场文书
药剂专业求职信
2014/06/20 职场文书
学校教师安全责任书
2014/07/23 职场文书
工作感想范文
2015/08/07 职场文书