人人网javascript面试题 可以提前实现下

 更新时间:2012年01月05日 17:40:52   作者:  
JavaScript面试题要求:以下题目必须从一至四题中,选出三道题,使用原生代码实现,不可使用任何框架,第五题为选作题
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. 插入图片;

答案打包

相关文章

  • 使用flow来规范javascript的变量类型

    使用flow来规范javascript的变量类型

    这篇文章主要介绍了使用flow来规范javascript的变量类型,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • js异步上传多张图片插件的使用方法

    js异步上传多张图片插件的使用方法

    这篇文章主要为大家详细介绍了js异步上传多张图片插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • JS实现黑客帝国文字下落效果

    JS实现黑客帝国文字下落效果

    看过黑客帝国的朋友或许都对开头的字幕效果很熟悉,自从影片播放以来,网页设计者有不少都在模仿这种文字下落的效果,而且还有文字渐变效果,对我们学习研究JS还是挺有帮助的哦,下面跟着小编一起学习JS 黑客帝国文字下落效果吧
    2015-09-09
  • javascript动态分页的实现方法实例

    javascript动态分页的实现方法实例

    最近的项目需要添加一个分页导航的功能,没有用网上封装好的文件,通过JS自己简单实现了效果,这篇文章主要给大家介绍了关于javascript动态分页的实现方法,需要的朋友可以参考下
    2022-06-06
  • 图片延迟加载的实现代码(模仿懒惰)

    图片延迟加载的实现代码(模仿懒惰)

    在浏览网页时经常会碰到图片延迟加载的情况,它的优势在于提高加载速度,未加载前加载图片占位图,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈
    2013-03-03
  • JavaScript实现JSON合并操作示例【递归深度合并】

    JavaScript实现JSON合并操作示例【递归深度合并】

    这篇文章主要介绍了JavaScript实现JSON合并操作,结合实例形式分析了javascript基于递归深度实现json合并操作相关实现技巧与注意事项,需要的朋友可以参考下
    2018-09-09
  • js获取表格的行数和列数的方法

    js获取表格的行数和列数的方法

    这篇文章主要介绍了js获取表格的行数和列数的方法,需要的朋友可以参考下
    2015-10-10
  • JavaScript学习笔记之获取当前目录的实现代码

    JavaScript学习笔记之获取当前目录的实现代码

    用来获取当前目录的js代码,需要的朋友可以参考下,主要利用了split函数。
    2010-12-12
  • 解决layer.open后laydate失效的问题

    解决layer.open后laydate失效的问题

    今天小编就为大家分享一篇解决layer.open后laydate失效的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • bootstrap快速制作后台界面

    bootstrap快速制作后台界面

    这篇文章主要为大家详细介绍了如何利用bootstrap快速制作后台界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论