大管家笔试题（深圳）

2023年12月25日 192次阅读 来源: ZJW0215

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) {
        
    }
};
    原文作者：ZJW0215
    原文地址: https://segmentfault.com/a/1190000016066267
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞