人人网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.  插入图片;

我的答案

http://gucong.co.cc.am52.nb118.com/renren/thumbs.html

http://gucong.co.cc.am52.nb118.com/renren/dialog.html

http://gucong.co.cc.am52.nb118.com/renren/autocomplete.html

http://gucong.co.cc.am52.nb118.com/renren/editor.html

原文链接:http://www.w3cfuns.com/thread-5591957-1-1.html

免责声明:文章内容不代表本站立场,仅供读者参考。产品相关技术问题请发送工单。 本文链接:https://www.idc.net/help/383015/

为您推荐

开源数据收集引擎 Logstash 讲解和示例讲解

一、概述 Logstash 是一个开源的数据收集和日志处理工具,它是 Elastic Stack(ELK Stack)的一部分,用于从各种数据源中采集、转换和传输数据,以帮助分析和可视化大规模数据。Logstash 通常与 Elasticsearch 和 Ki...

八个开源免费单点登录(SSO)系统

单点登录(SSO)是一个登录服务层,通过一次登录访问多个应用。使用SSO服务可以提高多系统使用的用户体验和安全性,用户不必记忆多个密码、不必多次登录浪费时间。 下面推荐一些市场上最好的开源SSO系统,可作为商业SSO替代。 1.Authelia https://github.com/authelia/authelia ...

浅谈HBase数据结构和系统架构

Part 01 LSM树模型 常见的的关系型数据库,如MySQL、SQL Server、Oracle等,使用B+ Tree作为数据存储与索引的基本结构,非叶子节点只存放索引数据,叶子节点存放所有数据和指向相邻节点的指针,具有高效的范围查询和稳定的查找效率,以及具有较小的读放大和空间放大。采用磁盘随机读写方式,且以磁盘数...

微软Radius平台重构现代应用程序部署

微软的 Azure 孵化团队日前推出一个叫 Radius 的新应用平台。Radius 平台可用于在 Kubernetes、公共云和边缘环境中运行各种现代应用程序。 Radius 是一个开源项目,最初支持的应用程序运行时包括Kubernetes、Azure和AWS,以后还会支持诸如谷歌云平台等云环境。 Mark Russ...

Ext JS3.0正式版发布

Ext JS3.0在经历数次RC版之后,extjs.com终于发布3.0的正式版。总体而言,较2.0改进不大,依然还是原理的组件模型,具体更新及改进如下: ◆提供了参照DWR后与后台的通讯包Direct,支持具有明显的REST风格的CRUD服务 ◆一系列的新的组件和例子,包括有图表(Charting, By YUI F...
返回顶部