前端面试题(8道)

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数组扩展语法
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 3,540评论 1 19
  • 整理下我在面试的时候所遇到的一些问题,想到哪里就更新到哪里.(ps:不定期更新~) Q1.请说出css选择器ul>...
    Snowxin阅读 762评论 0 6
  • 前端面试题的简单整理,都只是大概回答,具体某些问题的具体理解后续会补上。 前端页面有哪三层构成,分别是什么?作用是...
    李欢li阅读 493评论 0 2
  • 常见试题 行内元素:会在水平方向排列,不能包含块级元素,设置width无效,height无效(可以设置line-h...
    他大舅啊阅读 2,471评论 1 5
  • kube-dns配置注意及问题排查 基础的k8s集群可以通过flannel的网络ip地址工作,但要扩展addons...
    孤远阅读 19,142评论 1 4