前端面试题(8道)

字数 295阅读 38

1.data-属性 好处在哪?

  • 性能高
  • 遍历方便
  • 向后兼容(未来)

2.描述 <script>、<script async>、<script defer>

  • <script async> 异步 同时执行 非阻塞
  • <script defer> 兼容IE浏览器

3.描述下浮动及工作?

  • 浮动:
    float:left/right/none
  • 浮动特点:
    1.脱离文档流
    2.元素类型转化
    3.文本环绕

4.{box-sizing:border-box}是干啥的?有哪些优势

  • 盒子模型:
    1.box-sizing:content-box //加padding+border 向外扩展
    2.box-sizing:border-box //加padding+border 向内扩展

5.宿主对象、本地对象、内置对象

  • 宿主对象:(host object)
    window、document...
  • 本地对象:(native object)
    Array、Date、String、Number、Boolean...
  • 内置对象:(inlay object)
    Math...

6.new Object()

  • 如果返回值 是基本类型 返回值还会是object
  • 如果返回值 是object 返回的就是这个object

7.事件冒泡(子元素向上传递)

  • 原生js阻止:
    event.cancelBubble=true;
    return false
  • jquery阻止:
    ev.stopPropergation()
  • zepto阻止:
    跟jquery一样

8.如何复制一份数组

  • arr.concat(arr1)
  • 循环
  • Array.from(arr) //ES6数组扩展语法
  • [...arr] //ES6数组扩展语法

推荐阅读更多精彩内容