1.css挑选器有哪些,优先级怎样盘算
- 种别挑选器、ID挑选器、标签挑选器、通用挑选(*)、子女挑选器、伪类挑选器
- !important>行内款式>ID挑选器>类挑选器>标签>通配符>继续>浏览器默许属性
- 统一级别中后写的会掩盖先写的款式。
子挑选器和子女挑选器的区分
子挑选器是挑选元素的直接子女,即作用于第一个子女;子女挑选器则可作用于孙子代、曾孙子代等。
子女挑选器经由历程空格来举行挑选,而子挑选器是经由历程“>”举行挑选。
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,meta
- display:block将元素显现为块级元素,能够设置元素的宽高,每个块级元素都是重新的一行最先(带换行符)。
- display : inline将元素显现为行内元素,高度,行高以及底边距不可举行设置,高度就是内容笔墨或许图片的宽度,不能够转变。多个相邻的行内元素排在统一行里。(不带换行符)
- display:inline-block将元素显现为行内块状元素,设置该属性后,其他的行内块级元素会分列在统一行。既有block的宽度高度特征,又有inline的偕行特征。
3.用纯css完成底边为10px的三角形
position: absolute;
width: 0px;
border-bottom: 5px solid red;
border-left: 5px solid transparent;
border-right: 5px solid transparent
4.position值有哪些,离别相对于谁人定位
- absolute:天生相对定位元素,相对于值不为static的第一个父元素举行定位
- fixed:天生相对定位,相对于浏览器窗口举行定位
- relative:天生相对定位元素,相对于其一般位置举行定位
- static:没有定位,元素涌现在一般的流中(疏忽偏移声明:top、left、right、bottom、z-index)
- inherit:从父元素继续position属性的值
5.用js完成千分位支解(每3位用,离隔)
/* 体式格局一 */
function formatNumber(num) {
let array = num.toString().split('');
let length = array.length-1;
while(length >= 3){
array.splice(length - 2, 0, ',');
length = length -3;
}
let b = array.join('');
return b;
}
/* 体式格局二 */
function formatNumber(num) {
/* 运用正则表达式,将数字转化为字符串后,全局婚配,
* 看是不是相符断言(?=(?:\d{3})+$)部份
* 碰到数字而且该数字后随着一连的三位数字(能够涌现屡次),
* 若相符,则在该数字('$1')后到场逗号,替代的时刻疏忽(?:)这一连的三位数
*/
let array = num.indexOf('.') !== -1 ?
num.toLocaleString() : num.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}
6.js用typeof能取得哪些范例
- undefined——这个值未定义
- boolean——这个值是布尔值
- string——这个值是字符串
- number——这个值是数值
- object——这个值是对象或null
- function——这个值是函数
7.用js建立ajax的历程
- 建立XMLHttpRequest对象,也就是建立一个异步挪用对象
- 建立一个新的HTTP要求,并指定该HTTP要求的要领、URL及考证信息
- 设置相应HTTP要求状况变化的函数
- 发送HTTP要求
- 猎取异步挪用返回的数据
- 运用JavaScript和DOM完成部分革新
let xmlHttp = null;
if(window.XMLHttpRequest) {
/* 除IE5、IE6浏览器 */
xmlHttp = new XMLHttpRequest();
} else {
/* 初期的IE5、IE6浏览器 参数是划定的 */
xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');
}
/* open要求体式格局,参数一:示意以什么体式格局(POST、GET);
* 参数二:示意服务器的地点;参数三:是不是异步,默许是true,false示意同步 */
xmlHttp.open('GET', '地点', true);
/* 假如以post体式格局要求,必需要增加 */
xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlHttp.send();
xmlHttp.onreadystatechange = function() {
if(xmlHttp.readyState === 4 && xmlHttp.status === 200) {
}
};