人人网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 隐藏/显示指定的区域附HTML元素【legend】用法
Mar 05 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
为你的网站增加亮点的9款jQuery插件推荐
May 03 Javascript
在父页面得到zTree已选中的节点的方法
Feb 12 Javascript
基于jquery实现在线选座订座之影院篇
Aug 24 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收藏记录(使用Sortable进行拖动排序)
Aug 29 Javascript
Angular ng-class详解及实例代码
Sep 19 Javascript
web打印小结
Jan 11 Javascript
利用Console来Debug的10个高级技巧汇总
Mar 26 Javascript
JQuery实现ul中添加LI和删除指定的Li元素功能完整示例
Oct 16 jQuery
vant-ui组件调用Dialog弹窗异步关闭操作
Nov 04 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
YB217、YB235、YB400浅听
2021/03/02 无线电
php header示例代码(推荐)
2010/09/08 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
tp5 实现列表数据根据状态排序
2019/10/18 PHP
js String对象中常用方法小结(字符串操作)
2012/01/27 Javascript
JavaScript 验证码的实例代码(附效果图)
2013/03/22 Javascript
利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
2013/11/25 Javascript
JS实现文档加载完成后执行代码
2015/07/09 Javascript
详解参数传递四种形式
2015/07/21 Javascript
Javascript将双字节字符转换成单字节字符并计算长度
2016/06/22 Javascript
D3.js实现雷达图的方法详解
2016/09/22 Javascript
Node.js创建Web、TCP服务器
2017/12/05 Javascript
vue.js的computed,filter,get,set的用法及区别详解
2018/03/08 Javascript
Vue.js实现立体计算器
2020/02/22 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
微信小程序实现加入购物车滑动轨迹
2020/11/18 Javascript
js加减乘除精确运算方法实例代码
2021/01/17 Javascript
[02:31]2014DOTA2国际邀请赛2009专访:干爹表现出乎意料 看好DK杀回决赛
2014/07/20 DOTA
python 解析html之BeautifulSoup
2009/07/07 Python
python+mysql实现简单的web程序
2014/09/11 Python
Windows下Python使用Pandas模块操作Excel文件的教程
2016/05/31 Python
详细介绍Python的鸭子类型
2016/09/12 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
Python3获取cookie常用三种方案
2020/10/05 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
美国宠物用品网站:Value Pet Supplies
2018/03/17 全球购物
迟到检讨书1000字
2014/01/15 职场文书
元旦晚会感言
2014/03/12 职场文书
教师岗位职责
2015/02/03 职场文书
2015中秋节晚会开场白
2015/07/30 职场文书
学困生转化工作总结
2015/08/13 职场文书
党员公开承诺书2016
2016/03/24 职场文书
Django中session进行权限管理的使用
2021/07/09 Python
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS