170401web前端答题

*wrong

1.jquery ajax中都支持哪些返回类型?(A,B,C,D)

A.xml  B.html  C.jsonp  D.json

解析:

  $ajax()函数依赖服务器提供的信息来处理返回的数据。如果服务器报告说返回的数据是XML,那么返回的结果就可以用普通的XML方法或者jQuery的选择器来遍历。如果见得到其他类型,比如HTML,则数据就以文本形式来对待。

  通过dataType选项还可以指定其他不同数据处理方式。除了单纯的XML,还可以指定html、json、jsonp、script或者text。

*true

2.下面哪些语句可以在JS里判断一个对象oStringObject是否为String。(A)

A.oStringObject instanceof String

B.typeof oStringObject == ‘string‘

C.oStringObject is String

D.以上答案都不正确

解析:

//判断是否为String
function isString(str){
    return ((str instanceof String)||(typeof str)==‘string‘);
}

  js 中的基本类型只有number/string/boolean/object/null/undefined,而String、Number、Array等只能算子类型,String 类型与string类型是不一样的。

  题目问的是是否为String这种子类型,所以只能通过instanceof或者Object.prototype.toString.call(obj)===‘[Object String]‘来判断。

*wrong

3.常见的浏览器端的存储技术有哪些?(A B D)

A.cookie  B.localStorage  C.session  D.userData

解析:

  cookie是靠谱的浏览器都支持;

  localStorage比cookie存的更多,获取更方便,而且存储内容不会随便发送给服务器;

  session虽然需要cookie支持(通常存放加密过的sessionId),但是不在浏览器端存放主要信息,排除;

  IE支持userData存储数据,但是基本很少使用到,除非有很强的浏览器兼容需求。

*wrong

4.如何规避javascript多人开发函数重名问题。

A.根据不同的开发人员实现的功能,在函数名加前缀

B.每个开发人员都把自己的函数封装到类中,然后调用的时候即使函数名相同,但是因为是要类.函数名来调用,所以也减少了重复的可能性

C.以上都不正确

解析:

  js的类概念就是封装的函数。

*wrong

5.下面属于javascript基本数据类型的有?(A B C D)

A.字符串  B.数字  C.null  D.undefined

解析:

js五种基本类型:Undefined,Null,Boolean,Number和String

typeof六种返回格式:

  (1)undefined——未申明,或者变量的值即为undefined或者未初始化;

  (2)boolean——如果这变量的值是布尔类型;

  (3)string——值是字符串类型;

  (4)number——值是数字类型;

  (5)object——对象或值为null;

  (6)function——函数。

*true

6.下面有关html结构描述正确的有?(A B D)

A.<ul> <li> </li> </ul>

B.<ol> <li> </li> </ol>

C.<dl><dt><dd></dd></dt></dl>

D.<table> <tr> <td></td> </tr> </table>

解析:

  dt和dd是同级元素,不能用dt包含dd。

  <li> 标签定义列表项目。

  <li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
  <dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition   title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的。<dt>给出了术语名,<dd>标记给出了术语的定义。
  <table>代表表格</table> 
  <tr>代表表格中的一行</tr> 
  <td>代表表格中的一列</td>

*wrong

7.在bootstrap中,关于导航条,下列说法正确的是?(A B C D)

A.应该将被包裹的元素放到navbar-collapse类中

B.表单应该放置于navbar-form内

C.可以使用navbar-left和nav-right来对齐导航条

D.可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部

解析:

  为了给导航栏添加响应式特性,您要折叠的内容必须包裹在带有 class .collapse、.navbar-collapse 的
<div> 中。

  折叠起来的导航栏实际上是一个带有 class .navbar-toggle 及两个 data- 元素的按钮。第一个是
data-toggle,用于告诉 JavaScript 需要对按钮做什么,第二个是 data-target,指示要切换到哪一个元素。

  三个带有
class .icon-bar 的 <span> 创建所谓的汉堡按钮。这些会切换为 .nav-collapse
<div> 中的元素。为了实现以上这些功能,您必须包含 Bootstrap 折叠(Collapse)插件。

  导航栏中的表单不是使用
Bootstrap 表单 章节中所讲到的默认的 class,它是使用 .navbar-form
class。这确保了表单适当的垂直对齐和在较窄的视口中折叠的行为。使用对齐方式选项(这将在组件对齐方式部分进行详细讲解)来决定导航栏中的内容放置在哪里。

  您可以使用实用工具 class .navbar-left 或 .navbar-right 向左或向右对齐导航栏中的 导航链接、表单、按钮或文本
这些组件。这两个 class 都会在指定的方向上添加 CSS 浮动。 Bootstrap
导航栏可以动态定位。默认情况下,它是块级元素,它是基于在 HTML
中放置的位置定位的。通过一些帮助器类,您可以把它放置在页面的顶部或者底部,或者您可以让它成为随着页面一起滚动的静态导航栏。

  如果您想要让导航栏固定在页面的顶部,请向 .navbar class 添加 class .navbar-fixed-top。
如果您想要让导航栏固定在页面的底部,请向 .navbar class 添加 class .navbar-fixed-bottom。

*wrong

8.以下是行内元素的有(A B)

A.span  B.input

C.ul    D.p

解析:

大多数 HTML 元素被定义为块级元素或内联元素。“块级元素”译为 block level element,“内联元素”译为 inline element。

1.块级元素 在浏览器显示时,通常会以新行来开始(和结束)。块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。

  结构化块状元素: 这类元素用于构造文档的结构,没有语义上的含义,仅仅划分出了文档的组织方式,并没有体现文档的内容。 
  终端块状元素: 这类元素用于从结构转向内容,拥有语义上的含义,能够表明内容的性质。终端块状元素属于结构的终点,它们不能再包含其他块级元素,只能包含文本或行级元素。
  多目标块状元素: 多目标指的是可以自由的扩展或嵌套文档的结构,以可以终端的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵,以终端的形式使用就含有语义的内涵。

  块级元素:

2.内联元素 (inline element)或称为行内元素 一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。

行内元素:

3.块级元素与行内元素的区别

(1)块级元素会独占一行,其宽度自动填满其父元素宽度;

行内元素不会独占一行,相邻的行内元素会排列在同一行,直至一行排不下才会换行,其宽度随元素的内容而变化。

(2)块级元素可以包含行内元素和块级元素;行内元素不能包含块级元素。

(3)行内元素设置width、height、margin-top、margin-bottom、padding-top、padding-bottom无效。

4. 块级元素与行内元素的转换

  display:inline-block;

  display:inline;

  display:block;

5.可变元素

*wrong

9.下面关于IE、FF下面脚本的区别描述错误的是?(B D)

A.innerText IE支持,FIREFOX不支持

B.document.createElement FIREFOX支持,IE不支持

C.setAttribute(‘class‘,‘styleClass‘) FIREFOX支持,IE不支持

D.用setAttribute设置事件 FIREFOX不支持,IE支持

*wrong

10.下面有关javascript内部对象的描述,正确的有?

A.History 对象包含用户(在浏览器窗口中)访问过的 URL

B.Location 对象包含有关当前 URL 的信息

C.Window 对象表示浏览器中打开的窗口

D.Navigator 对象包含有关浏览器的信息

解析:

  Navigator:提供有关浏览器的信息

  Window:Window对象处于对象层次的最顶层,它提供了处理Navagator窗口的方法和属性

  Location:提供了与当前打开的URL一起工作的方法和属性,是一个静态的对象

  History:提供了与历史清单有关的信息

  Document:包含与文档元素一起工作的对象,它将这些元素封装起来供编程人员使用

*wrong

11.假设当前屏幕分别率为1024×768,定义一个居中的占屏幕一半大小的表格的语句是(A B C D)

A.<TABLE ALIGN="CENTER" WIDTH="50%"></TABLE>

B.<TABLE ALIGN="CENTER" WIDTH="512"></TABLE>

C.<DIV ALIGN="CENTER"><TANLE WIDTH="512"></TABLE></DIV>

D.<CENTER><TABLE WIDTH="50%"></TABLE></CENTER>

*wrong

12.嵌入在HTML文档中的图像格式可以是?(A C D)

A.*.gif

B.*.tif

C.*.bmp

D.*.jpg

解析:

  常用的页面的图片格式有三种,GIF、JPG、PNG。

  GIF 意为Graphics Interchange format(图形交换格式);

  JPEG 代表Joint Photograhic Experts Group(联合图像专家组),这种格式经常写成JPG,JPG图片的扩展名为jpg;

  流式网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG‘s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可存储多到16位的α通道数据。

  标签图像文件格式 ( Tagged Image File Format ,简写为 TIFF )是一种灵活的 位图 格式,主要用来存储包括照片和艺术图在内的图像。 TIFF文件格式适用于在应用程序之间和计算机平台之间的交换文件,它的出现使得图像数据交换变得简单。 TIFF文件以 .tif 为扩展名。其数据格式是一种3级体系结构,从高到低依次为:文件头、一个或多个称为IFD的包含标记指针的目录和数据。

*wrong

13.关于h标签

<h1>h1. Bootstrap heading <small>Secondary text</small></h1>

以下说法正确的是(A D)

A.<h1>最大

B.<h6>最大

C.<small>用法错误

D.<small>表示副标题

*wrong

14.下面属于CSS3新增属性的有?(A B C D)

A.box-shadow

B.text-shadow

C.border-radius

D.rgba

解析:

  A:box-shadow: [<颜色><水平偏移><纵向偏移><模糊半径>] || [<水平偏移><纵向偏移><模糊半径><颜色>];

说明:

(1) <颜色>和<模糊半径>是可选的, 当<颜色>未指定时, 将使用文本颜色; 当<模糊半径>未指定时, 半径值为0;

(2) shadow可以是逗号分隔的列表, 如:

box-shadow: 2px 2px 2px #ccc, 3px 3px 3px #ddd;

(3) 阴影效果会按照shadow list中指定的顺序应用到元素上;

(4) 这些阴影效果有可能相互重叠, 但不会叠加文本本身;

(5) 阴影可能会跑到容器的边界之外, 但不会影响容器的大小.

  B:阴影的参数格式和box-shadow相同;

  C:border-radius: r; Box的四个角可以由边框半径来设置弯曲度,其定义方式和border属性类似;

  D:rgba(0-255,0-255,0-255,0-1)

前三个数值是 RGB 颜色的值, 最后一个数值指代的是元素的透明度 (0 表示透明, 1 表示不透明).

*wrong

15.问一份标准的HTML文档有哪几个必须的HTML标签?(A B C D)

A.<html>  B.<head>

C.<title>  D.<body>

解析:

  一份标准的HTML文档。

*wrong

16.请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组。

解析:这个有点难以理解的说。。

<script>
        Array.prototype.distinct=function(){
            var ret=[];
            for(var i=0;i<this.length;i++){
                //indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
                if(this.indexOf(this[i]!=i)){
                    //push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。
                    ret.push(this[i]);
                }
            }
            return ret;
        }
        alert([‘a‘,‘b‘,‘c‘,‘d‘,‘b‘,‘"a"‘,‘e‘,‘1‘,‘2‘,‘3‘,‘2‘,‘"3"‘].distinct());
    </script>

*wrong

17.请填充代码,使mySort()能使传入的参数按照从小到大的顺序显示出来。

function mySort() {
    var tags = new Array();//使用数组作为参数存储容器
    请补充你的代码
    return tags;//返回已经排序的数组
}

var result = mySort(50,11,16,32,24,99,57,100);/传入参数个数不确定
console.info(result);//显示结果

解析:

<script>
        function mysort(){
            var tags=new Array();
            //在JavaScript中,arguments是对象的一个特殊属性。arguments对象就像数组,但是它却不是数组。
            //属性length, 获取arguments对象的长度。
            for(var h=0;h<arguments.length;h++){
                tags.push(arguments[h])
            }//冒泡排序
            for(var i=0;i<tags.length;i++){
                for(var j=i+1;j<tags.length;j++){
                    if(tags[i]>tags[j]){
                        var temp=tags[i];
                        tags[i]=tags[j];
                        tags[j]=temp;
                    }
                }
            }
            //alert(tags);
            return tags;

        }
        var result = mysort(50,11,16,32,24,99,57,100);
        console.info(result);//显示结果
    </script>

虽然这个不符合题意,但排了序:

<script>
        Array.prototype.distinct=function(){
            for(var i=0;i<this.length;i++){
                for(var j=i+1;j<this.length;j++){
                    if(this[i]>this[j]){
                        var temp=this[i];
                        this[i]=this[j];
                        this[j]=temp;
                    }
                }
            }
            return this;
        }
        alert([50,11,16,32,24,99,57,100].distinct());
    </script>

*wrong

18. 用javascript实现用户登录验证的代码。

解析:不标准之答案

function check(){
            if(document.getElementById("username".value=="")){
                alert("没有输入用户名!");
                return false;
            }else if(document.getElementById("password").value==""){
                alert("没有输入密码!");
                return false;
            }else{
                return true;
            }
        }
时间: 2024-08-05 11:14:57

170401web前端答题的相关文章

前端加后端验证倒计时答题功能实现

思路 前端页面控制答题的开始,请求后台,后台记录开始的时间(发出请求的当前时间),再加上倒计时时间,得出结束时间. 后端返回给前端剩余的时间,前端通过Jquery实现倒计时的动态效果. 当倒计时结束,禁止答题,当用户刷新页面时,比较请求时间与结束时间,如果前者小于后者,答题继续,否则反之. 其中,答题时间.开始时间.结束时间,均保存在内存中. 实现(SpringMVC+Jquery) 后端: 1 /** 2 * Copyright 2016 Zhengbin's Studio. 3 * All

web前端设计基础——HTML5、CSS3、JavaScript 简答题整理

web前端设计基础--HTML5.CSS3.JavaScript 简答题整理 (1)解释一下名词的含义:IP地址.URL.域名 (2)基本的web技术有哪些?web的工作原理是什么? 基本的web技术有:URL.HTTP.MIME. (3)什么是超文本?超文本与超媒体之间的关系是什么? 超文本又称超媒体,是将各种信息节点链接在一起的一种网络逻辑结构. (4)HTML5 的特点是什么? (5)web 标准有哪些?为什么采用 web 标准? web体系标准:结构标准.表现标准.行为标准. web标准

2017前端现状--答题救不了前端新人

众所周知,前端近几年闹了一场革命.前端在编程领域也掀起了学习潮.至少在中国,从2013年下半年至今,在搜索指数上,有着爆炸式的增长.可以看下数据:百度指数,Google指数. 一边是日新月异的新知识不断的冲击着前端,一边是各种新人疯狂涌入前端领域.这两股新流冲击下,倒是火了很多技术社区.问答网站,如:SegmentFault. 打开SegmentFault,首页问答流上,前端相关的题目(包括Node),不说占十之八九,那也是半壁江山.即使是在老牌问答网站StackOverflow上,javasc

前端笔试题之简答题

什么是跨域?跨域请求资源的方法有哪些?你觉得哪种方法比较好?为什么? (1)什么是跨域? 由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一个与当前页面地址不同即为跨域.存在跨域的情况: 网络协议不同,如http协议访问https协议. 端口不同,如80端口访问8080端口. 域名不同,如qianduanblog.com访问baidu.com. 子域名不同,如abc.qianduanblog.com访问def.qianduanblog.com. 域名和域名对应ip,如www.

月薪2w+的前端程序员是这样答题的!

为什么 0.1 + 0.2 != 0.3,请详述理由 因为 JS 采用 IEEE 754 双精度版本(64位),并且只要采用 IEEE 754 的语言都有该问题. 我们都知道计算机表示十进制是采用二进制表示的,所以 0.1 在二进制表示为 // (0011) 表示循环 0.1 = 2^-4 * 1.10011(0011) 那么如何得到这个二进制的呢,我们可以来演算下 小数算二进制和整数不同.乘法计算时,只计算小数位,整数位用作每一位的二进制,并且得到的第一位为最高位.所以我们得出 0.1 = 2

各个公司前端笔试题回顾

京东:选择题30个,算法题2个,5个简答题:120分钟 选择题涉及范围很广:算法,操作系统,liunix,前端等. 1.优雅降级和渐进增强: 2.图片轮播:(可以讲原理或者代码) 3.cookies,sessionStorage ,localStorage的区别: 4.盒模型,行内元素和块级元素的概念 5.前端性能优化 两道编程题:只有你把平等看待java,c++和前端,也说明你不懂前端....... CVTE:25道选择题,2道编程题:90分钟 选择题:数据库,前端,计算机网络: 1.图片轮播

2.采用四象限法将你小组的四则运算软件的需求功能进行分类。阐述其优势与不足。------------答题人:张立鹏

如果把要做的事情按照紧急.不紧急.重要.不重要的排列组合分成四个象限,这四个象限的划分有利于我们对时间进行深刻的认识及有效的管理. 第一象限 这个象限包含的是一些紧急而重要的事情,这一类的事情具有时间的紧迫性和影响的重要性,无法回避也不能拖延,必须首先处理优先解决.它表现为重大项目的谈判,重要的会议工作等. 第二象限 这二象限不同于第一象限,这一象限的事件不具有时间上的紧迫性,但是,它具有重大的影响,对于个人或者企业的存在和发展以及周围环境的建立维护,都具有重大的意义. 第三象限 第三象限包含的

前端编程提高之旅(十八)----移动端web流行交互技术方案研究

   在停止实习后,生活最大变化在于没有项目的压力,可以根据兴趣场景,探索技术实现.这个过程对于个人来说,动力自内而外,需求自上而下,都由个人把握.    生活在移动互联网井喷的今天,同时又关注前端技术,平常对微信端流行的交互(或者说玩法)有着特殊的敏感性.如果说之前接触MVC框架还是对单页面网站.CSS3前沿特效有一个概念的话,微信朋友圈及好友分享网页,则把国内网页构建的流行趋势,从幕后推向前台.    乐帝通过研究移动端web流行交互,构建起了一个初步可行的技术方案,用来实现单页面与DOM动

2018-58集团-前端笔试题(2017.8.22)

总共有4个题型:填空题(10个).简答题(5个).应用题(2个).编程题(1个) 一.填空题(10个) 1.相对单位,rem相对于__________,em相对于__________. 2.3+true=__________,'5'+3=__________. 3.position的属性值有哪些:__________,__________,____________,___________. 4.标准盒模型包含哪些属性:__________,__________,__________,______