【Cxinny】html笔记

• 请写出可以在新窗口打开文档的a标签。

target属性用来规定在何处打开链接文档，_self是默认值，在当前窗口跳转；_blank指在新窗口跳转。

• 请写出列表项为"nowcoder"且列表项内容也为"nowcoder"的自定义列表。

自定义列表的结构为dl包裹dt包裹dd

• dl是自定义列表的整体，用于包裹dt和dd
• dt是表示自定义列表的主题
• dd是表示针对自定义列表主题的每一项内容

• 请写出具有控件功能的音频媒体标签。

<audio src="" controls auto></audio>

controls:表示空间功能

autoplay：自动播放

写出具有当视频的媒体数据加载期间发生错误时执行某个方法事件的视频媒体标签。 

 <video src='movie.ogg' οnerrοr='errorfn()' controls="controls">
    sorry!
</video>

onerror属性；errorfn()是自定义的

请将html模块中ul列表的第2个li标签和第4个li标签的背景颜色设置成"rgb(255, 0, 0)"。

li:nth-child(2n){} 或2和4分开写

 请给html模块的div元素加一个后伪元素，且后伪元素的宽度和高度都是20px，背景颜色为"rgb(255, 0, 0)"。

         <style type="text/css">
            /*补全代码*/
            div::after{
                content:"";
                height:20px;
                width:20px;
                background-color:rgb(255,0,0);
                display:block;
            }
        </style>

• div::after表示在div元素后插入内容。
• 在元素上，content 的初始值为 ‘normal’。在:before和:after上，如果指定了content 的初始值为 ‘normal’，则计算为 ‘none’ 。content 的值设置为 ‘none’ 不会生成伪元素。所以:before和:after才需要指定一个看似无意义的 content: ""; 来初始化content的值。
• 题目规定了宽高，为了使宽高设置有效又必须显式定义该伪元素为块级元素，也就是语句 display:block

请将html模块的div元素设置为一个半径是50px的圆. 

 border-radius:50px;

 浮动和清除浮动

略

 请将html模块类为"box"的div元素固定在视口的左上角。

position:fixed;
left:0px;
top:0px;

 请将html模块中类为"box"的div元素的宽度和高度设置为自身字体大小的4倍。

.box{
                width:4em;
                height:4em;
         } 

1em=元素中文本的1个垂直高度；浏览器中的文本一般默认为16px，要改变就设置font-size:24px

 请将html模块div元素的宽度和高度设置为html根元素字体大小的4倍。 

 在css中单位长度用的最多的是px、em、rem，这三个的区别是：

px是固定的像素，一旦设置了就无法因为适应页面大小而改变。

em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。

对于em和rem的区别一句话概括：em相对于父元素，rem相对于根元素。

请补全JavaScript函数，要求以Boolean的形式返回第一个参数是否属于第二个参数对象的实例。 

function _instanceof(left,right) {
    return (left instanceof right)
}

instanceof是Java中的二元运算符，左边是对象，右边是类；当对象是右边类或子类所创建对象时，返回true；否则，返回false。

请补全JavaScript函数，要求以字符串的形式返回两个数字参数的拼接结果。 

 function _splice(left,right) {
    // （1）
            return ''+left+right
    // （2）
            return String(left)+String(right)
    // （3）
            return left.toString()+right.toString()
    // （4）注意left和right的数据类型，不是字符串就不能用
            left=left+''
            right=right+''
            return left.concat(right)
    // （5）join 方法合并数组的元素并返回一个字符串
            var str=[left,right]
            return str.join('')
    //   (6) es6的写法，要用反引号 
            return `${left}${right}`
}

请补全JavaScript函数，要求返回数字参数的绝对值。 

 function _abs(number) {
    //一：JS Math对象方法 abs（）求绝对值
     return Math.abs(number);
     //二：三元运算符
     return number >= 0 ? number : -number;
     //三：if条件判断
     if(number>0){

                return number;
     }else{

                return -number

     };

}

 请补全JavaScript函数，要求返回底数为第一个参数，幂为第二个参数的数值。

function _pow(number,power) {
    // (1)函数
    return Math.pow(number,power)
    // (2)
    var x=1;
    for(var i=1;i<=power;i++){
        x*=number
    }
    return x
} 

 平方根：Math.sqrt(number)

请补全JavaScript函数，要求以字符串的形式返回数字参数所对应的星期。 
示例： 
1. _getday(1) -> "星期一" 
2. _getday(7) -> "星期天" 

function _getday(value) {
    // (1)
    var day=['一','二','三','四','五','六','天']
    var str=''
    if(value<=day.length){
        str='星期'+day[value-1]
    }
    return str
    //(2)
    let obj = {
        1:'星期一',
        2:'星期二',
        3:'星期三',
        4:'星期四',
        5:'星期五',
        6:'星期六',
        7:'星期天',
    }
    return obj[value]
    // (3)
            let arr = ['星期天','星期一','星期二','星期三','星期四','星期五','星期六']
            return arr[value%7]
}