9月20日测验总结

  • 选择器权重

    !important > style行间 > id > class > 属性 > 标签 > * > 继承

  • BFC规范

    • BFC规范:可以形成一个独立的容器。不受到外界的影响,从而解决一些布局问题。
    • 触发条件:
      float 除 none 以外的值
      position 值为 absolute 或 fixed
      display 值为 inline-block, table-cells, flex
      overflow 除了 visible 以外的值
  • 只用一条CSS代码表示浏览器一半的宽度

    • vw : viewpoint width,视窗宽度,1vw=视窗宽度的1%
    • vh : viewpoint height,视窗高度,1vh=视窗高度的1%
    • 所以浏览器一半的高度可表示为 50vh
  • input :readonly和disable

    • readonly: 属性规定输入字段是只读的。
      只读字段是不能修改的。不过,还可以选中或拷贝其文本。
    • disable: disabled 属性规定应该禁用的 input元素。
      被禁用的 input 元素是无法使用和无法点击的。
      :表单中被禁用的 input元素不会被提交。
  • transform

    • translate : 位移
    • scale :放缩(值为比例)
    • rotate:旋转(单位为deg,正为顺时针旋转,负为逆时针旋转)
    • skew : 斜切(单位为deg,正为向左倾斜,负为向右倾斜)
  • 阻止冒泡和默认事件的方法

    • 阻止冒泡
      • e.stopPropagation W3C标准
      • e.cancelBubble = true 非标准,IE6,7,8
    • 阻止默认事件
      • preventDefault() 标准
      • e.returnValue=false 非标准,IE6,7,8
  • 获取DOM元素的方法

    • ID : document.getElementById(‘id’)
    • 标签名 :document.getElementsByTagName(‘类名’)
    • H5新增方法:
      • document.getElementsByClassName(‘类名’)
      • document.querySelector(‘选择器’)
      • document.querySelectorAll(‘选择器’)
    • 获取特殊元素(body, html)
      • body : document.body
      • html : document.documentElement
  • Get和post的区别

    • GET - 从指定的资源请求数据。
      GET 请求可被缓存
      GET 请求保留在浏览器历史记录中
      GET 请求可被收藏为书签
      GET 请求有长度限制
      GET 请求不应在处理敏感数据时使用
      GET 请求只应当用于取回数据
    • POST - 向指定的资源提交要被处理的数据。
      POST 请求不会被缓存
      POST 请求不会保留在浏览器历史记录中
      POST 不能被收藏为书签
      POST 请求对数据长度没有要求
  • HTTP状态码

    1XX 信息性状态码(Informational) 服务器正在处理请求
    2XX 成功状态码(Success) 请求已正常处理完毕(请求成功)
    3XX 重定向状态码(Redirection) 需要进行额外操作以完成请求
    4XX 客户端错误状态码(Client Error) 客户端原因导致服务器无法处理请求
    5XX 服务器错误状态码(Server Error) 服务器原因导致处理请求出错

  • 用js递归的方式写1到100求和

      	function add(var max)
      	{   
      		 if (max>1)
      		 	return max+add(max-1);
      		 else
      		 	return 1;
      	}
    
  • 写出下列打印的值

      function fn(a){
          console.log(a);             
          var a = 123;
          console.log(a);             
          function a(){};
          console.log(a);             
          var b = function(){};
          console.log(b);             
          function c(){};
      }
      fn(1);
      // 变量和函数提升后:
      function fn(a){
         	var a;
            function a(){};
              var b;
              function c(){};
      	    console.log(a);             // ƒ a(){}
      	    a = 123;
      	    console.log(a);            // 123
      	    console.log(a);             // 123
      	    b = function(){};
      	    console.log(b);               // ƒ (){}
      }
      fn(1);
    
  • 写出下列函数的 i 的返回值

    function  createFunctions() {
    var result = new Array();
    
          for (var i = 0;i<10;i++){
              result[i] = function () {
                  return i;
              }
          }
        return result;
      }   
    

闭包问题,当定义完所有的result函数时,i 的值已经变为了10,当引用result 函数时,返回的i 值就为10,所以会返回10个10

  • 写出下列结果

      var a = [34,4,3,54],
          b = 34,
          c = 'adsfas',
          d = function(){console.log('我是函数')},
          e = true,
          f = null,
          g;
      
       console.log(typeof(a));          // object           
       console.log(typeof(b));          // number           
       console.log(typeof(c));          // string  
       console.log(typeof(d));          // function          
       console.log(typeof(e));          // boolean           
       console.log(typeof(f));           // object          
       console.log(typeof(g));          // undefined          
       console.log(typeof(j));           // undefined           
       alert(h);            // 报错
    
  • 以下代码的结果是

          var a = 10; 
      	var b = 20; 
      	var c = 10;
      	alert(a = b);          // 20  相当于把b的值赋给a, 并输出a
      	alert(a == b);		// true
      	alert(a == c);		// false
    
©️2020 CSDN 皮肤主题: 1024 设计师:上身试试 返回首页