人人网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字符串String和Array操作的有趣方法
Dec 18 Javascript
javascript实现避免页面按钮重复提交
Jan 08 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
Jun 12 Javascript
jquery+ajax+text文本框实现智能提示完整实例
Jul 09 Javascript
vue学习笔记之v-if和v-show的区别
Sep 20 Javascript
JavaScript屏蔽Backspace键的实现代码
Nov 02 Javascript
详解微信小程序缓存--缓存时效性
May 02 Javascript
vue-cli webpack配置文件分析
May 20 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 Javascript
js仿360开机效果
Dec 26 Javascript
JS数据类型(基本数据类型、引用数据类型)及堆和栈的区别分析
Mar 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
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
php实现评论回复删除功能
2017/05/23 PHP
PHP的mysqli_sqlstate()函数讲解
2019/01/23 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
浏览器脚本兼容 文本框中,回车键触发事件的兼容
2010/06/21 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
Jquery图形报表插件 jqplot简介及参数详解
2012/10/10 Javascript
通过AJAX的JS、JQuery两种方式解析XML示例介绍
2013/09/23 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
基于jQuery实现简单的折叠菜单效果
2015/11/23 Javascript
vue实现登陆登出的实现示例
2017/09/15 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
2017/12/22 Javascript
Vue2.0结合webuploader实现文件分片上传功能
2018/03/09 Javascript
Vue中props的使用详解
2018/06/15 Javascript
在vue中使用Autoprefixed的方法
2018/07/27 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
node中使用log4js4.x版本记录日志的方法
2019/08/20 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
python和bash统计CPU利用率的方法
2015/07/10 Python
Python列表list内建函数用法实例分析【insert、remove、index、pop等】
2017/07/24 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
python进行TCP端口扫描的实现
2018/12/21 Python
Python实现Linux监控的方法
2019/05/16 Python
django 扩展user用户字段inlines方式
2020/03/30 Python
Python如何优雅删除字符列表空字符及None元素
2020/06/25 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
用css3制作纸张效果(外翻卷角)
2013/02/01 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
amazeui时间组件的实现示例
2020/08/18 HTML / CSS
竞聘书怎么写,如何写?
2014/03/31 职场文书
企业安全生产演讲稿
2014/05/09 职场文书
诚信考试主题班会
2015/08/17 职场文书
Python数据分析入门之教你怎么搭建环境
2021/05/13 Python
「SHOW BY ROCK!!」“雫シークレットマインド”组合单曲MV公开
2022/03/21 日漫