人人网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 对象的解释
Nov 24 Javascript
javascript 表单验证常见正则
Sep 28 Javascript
jQuery代码优化 遍历篇
Nov 01 Javascript
js对文章内容进行分页示例代码
Mar 05 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
Jun 23 Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 Javascript
JS获取鼠标坐标位置实例分析
Jan 20 Javascript
微信小程序实现团购或秒杀批量倒计时
Nov 01 Javascript
Vue唯一可以更改vuex实例中state数据状态的属性对象Mutation的讲解
Jan 18 Javascript
JavaScript利用键盘码控制div移动
Mar 19 Javascript
js绘制一条直线并旋转45度
Aug 21 Javascript
如何实现vue的tree组件
Dec 03 Vue.js
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
ThinkPHP3.1新特性之G方法的使用
2014/06/19 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(十五)
2014/06/30 PHP
PHP使用array_multisort对多个数组或多维数组进行排序
2014/12/16 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
PHP树-不需要递归的实现方法
2016/06/21 PHP
页面中js执行顺序
2009/11/09 Javascript
prettify 代码高亮着色器google出品
2010/12/28 Javascript
用JavaScript仿PS里的羽化效果代码
2011/12/20 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
JavaScript实现倒计时代码段Item1(非常实用)
2015/11/03 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
JS中微信小程序自定义底部弹出框
2016/12/22 Javascript
js实现移动端微信页面禁止字体放大
2017/02/16 Javascript
提高JavaScript执行效率的23个实用技巧
2017/03/01 Javascript
聊聊JS动画库 Velocity.js的使用
2018/03/13 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
小程序点餐界面添加购物车左右摆动动画
2020/09/23 Javascript
Python输入二维数组方法
2018/04/13 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
Django REST framework 如何实现内置访问频率控制
2019/07/23 Python
python定位xpath 节点位置的方法
2019/08/27 Python
PyCharm 无法 import pandas 程序卡住的解决方式
2020/03/09 Python
解决jupyter notebook import error但是命令提示符import正常的问题
2020/04/15 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
个性与发展自我评价
2014/02/11 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
文体活动实施方案
2014/03/27 职场文书
网站推广策划方案
2014/06/04 职场文书
行政求职信
2014/07/04 职场文书
环保项目建议书
2014/08/26 职场文书
银行会计主管岗位职责
2014/10/01 职场文书
乡村教师党员四风问题对照检查材料思想汇报
2014/10/08 职场文书
小学校长个人总结
2015/03/03 职场文书
2019年最新感恩节祝福语(28句)
2019/11/27 职场文书
jQuery class属性操作addClass()与removeClass()、hasClass()、toggleClass()
2021/03/31 jQuery