当前位置: 首页 > Web前端 > HTML5

大管家笔试题(深圳)

时间:2023-04-05 01:53:53 HTML5

1.什么是css选择器,如何计算优先级类别选择器、ID选择器、标签选择器、通用选择器(*)、后代选择器、伪类选择器!important>inlinestyle>IDselector>classselector>label>wildcard>inheritance>browserdefaultattribute同级后面写的样式会覆盖前面写的样式。子选择器和后代选择器的区别子选择器是被选元素的直接后代,即作用于第一个后代;后代选择器可以作用于孙子、曾孙等。后代选择器使用空格进行选择,而子选择器使用“>”进行选择。2.display:block、inline、inline-block的区别行内元素:a、span、img、input、select、strong、em、b(标记元素)块状元素:div、p、ul、li、ol、dd,dt,dl,h1-h6空元素:hr,br,input,img,link,metadisplay:block将元素显示为块级元素,可以设置元素的宽高,每个块-level元素从一个新行开始(带换行符)。display:inline将元素显示为内联元素。不能设置高度、行高和下边距。高度是内容文本或图像的宽度,不能更改。多个相邻的内联元素排在同一行。(没有换行符)display:inline-block将元素显示为内联块元素。设置该属性后,其他行内块元素将排列在同一行。它既有block的宽高特性,又有inline的peer特性。3、用纯css实现底边为10px的三角形position:absolute;宽度:0px;border-bottom:5px实心红色;border-left:5pxsolidtransparent;border-right:5pxsolidtransparent4.relativetothatpositioningabsolute:生成一个绝对定位的元素,相对于第一个值为非staticfixed的父元素定位:生成一个绝对定位的,相对于浏览器窗口定位relative:生成一个相对定位的元素,相对于其正常位置Positioningstatic:不定位,元素以正常流的形式出现(忽略offset声明:top,left,right,bottom,z-index)inherit:从父元素继承position属性的值5.使用js实现第100次拆分(每3个数字,分隔)/*方法1*/functionformatNumber(num){letarray=num.toString().split('');让length=array.length-1;while(length>=3){array.splice(length-2,0,',');长度=长度-3;}让b=array.join('');returnb;}/*方法二*/functionformatNumber(num){/*使用正则表达式将数字转换成字符串,然后进行全局匹配,*看是否满足断言(?=(?:\d{3})+$)部分*遇到数字和数字后跟三个连续数字(可以出现多次)后,*如果匹配,数字后面加逗号('$1'),忽略(?:)替换时这些连续的三位数字*/letarray=num.indexOf('.')!==-1?num.toLocaleString():num.toString().replace(/(\d)(?=(?:\d{3})+$)/g,'$1,');}6.什么类型的你可以在js中使用typeof获取ndefined-这个值是未定义的boolean-这个值是一个布尔值string-这个值是一个字符串数字-这个值是一个数字对象-这个值是一个对象或nullfunction-这个值是一个函数7.用js创建ajaxprocess创建一个XMLHttpRequest对象,即创建一个异步调用对象创建一个新的HTTP请求,并指定HTTP请求方法、URL、认证信息设置响应HTTP请求状态变化的函数发送HTTP请求,获取返回的数据通过异步调用使用JavaScript和DOM实现局部刷新letxmlHttp=null;if(window.XMLHttpRequest){/*IE5和IE6浏览器除外*/xmlHttp=newXMLHttpRequest();}else{/*IE5,IE6早期指定浏览器参数*/xmlHttp=newActiveXObject('Microsoft.XMLHTTP');}/*开启请求方法,参数1:表示方法(POST,GET);*参数2:表示服务器地址;参数3:是否异步,默认true,false表示同步*/xmlHttp.open('GET','address',true);/*如果是post方式请求,必须加上*/xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");xmlHttp.send();xmlHttp.onreadystatechange=function(){if(xmlHttp.readyState===4&&xmlHttp.status===200){}};