web面试题2

JavaScript 中 document.getElementById 的返回值的类型为 object
JavaScript定义 var a= “40”,var b=7, 则执行a%b会得到 5
以下Js程序的输出是什么 true , true , false

<script>
        var a="undefind";
        var b="false";  //"false"为字符串  如果没有引号 结果为false
        var c="";       //"" 引号中为空值 
        function assert(aVar){
            if(aVar)
                alert(true);
            else
                alert(false);
        }    
        assert(a);
        assert(b);
        assert(c);
    </script>

4.下列代码中 hasOwnProperty 的作用是 判断obj对象是否具有val属性

var obj={}
..........
obj.hasOwnProperty("val")

5.垂直水平居中一个dom元素，至少写出三种方案

参考链接

① margin:auto法

定位为上下左右为0，margin：0可以实现脱离文档流的居中.

css:
div{
  width: 400px;
  height: 400px;
  position: relative;
  border: 1px solid #465468;
 }
 img{
      position: absolute;
      margin: auto;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
 }
html:
<div>
 <img src="mm.jpg">
</div>

② margin负值法

补充：其实这里也可以将marin-top和margin-left负值替换成，
transform：translateX(-50%)和transform：translateY(-50%)

.container{
  width: 500px;
  height: 400px;
  border: 2px solid #379;
  position: relative;
}
.inner{
  width: 480px;
  height: 380px;
  background-color: #746;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -190px; /*height的一半*/
  margin-left: -240px; /*width的一半*/
 }

③ table-cell（未脱离文档流的）
设置父元素的display:table-cell,并且vertical-align:middle，这样子元素可以实现垂直居中。

css:
div{
    width: 300px;
    height: 300px;
    border: 3px solid #555;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
img{
    vertical-align: middle;
}

④ 利用flex
将父元素设置为display:flex，并且设置align-items:center;justify-content:center;

css:
.container{
      width: 300px;
      height: 200px;
      border: 3px solid #546461;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      -webkit-justify-content: center;
      justify-content: center;
 }
 .inner{
      border: 3px solid #458761;
      padding: 20px;
 }

6.实现一个进度条动画

7.用原生实现 indexof()

1.怎么定义 vue-router 的动态路由？怎么获取传过来的动态参数？

2.用 sass 定义一个button的公共宏

3.AngularJS1 中常用的指令有哪些？

4.项目中使用过哪些优化方法？

猜你喜欢