前端题库

BOM 和 DOM是什么？

BOM是浏览器对象模型，用来获取或设置浏览器的属性、行为，例如：新建窗口、获取屏幕分辨率、浏览器版本号等。
DOM是文档对象模型，用来获取或设置文档中标签的属性，例如获取或者设置input表单的value值。

打开浏览器控制台的三个快捷方式？

ctrl+shift+C
ctrl+shift+I
F12

阻止冒泡事件的方法？

event.stopPropagation()
事件处理过程中，阻止了事件冒泡，但不会阻击默认行为（它就执行了超链接的跳转）
return false;
事件处理过程中，阻止了事件冒泡，也阻止了默认行为（比如刚才它就没有执行超链接的跳转）
event.preventDefault(); 
作用是：事件处理过程中，不阻击事件冒泡，但阻击默认行为（它只执行所有弹框，却没有执行超链接跳转）
window.event.cancelBubble = true;  IE专属

jq跟原生js获取元素，谁的性能更好？

vue声明周期？

vue2 ==>8个钩子函数

v-if 和 v-show有什么区别？

v-if 条件满足 该元素显示在DOM中 条件不满足则不显示
v-show 不管条件是否满足 该元素都会加载在DOM中，条件满足则显示，则反之

localStorage 和 sessionStorage的区别？

localStorage生命周期是永久  5M
sessionStorage生命周期为当前窗口或标签页
不同浏览器无法共享localStorage或sessionStorage中的信息

js基本数据类型？

基本数据类型：Number  String  Undefined  Null   Boolean  Symbol
引用数据类型：Object  Array Function

HTML 和 XHTML的区别？

HTML是一种基本的WEB网页设计语言
XHTML是一个基于XML的置标语言,可以认为是 XML 版本的 HTML
 XHTML 要求正确嵌套
  XHTML 所有元素必须关闭
  XHTML 区分大小写
  XHTML 属性值要用双引号
  XHTML 用 id 属性代替 name 属性
  XHTML 特殊字符的处理

CSS盒模型组成？

盒模型由 内容（content） 填充(padding) 边界(margin) 边框(border)组成
IE的content包含 边框（border）和填充（padding）

H5有哪些新特性？移除哪些元素？如何处理H5新标签的兼容问题？

articlel  footer header nav selection  data time email url search ;
移除： basefont big center font s 
兼容问题：
    IE6/7/8 ==》 document.createElement()
    或者直接使用 html5shim.js框架

DOCTYPE有什么作用？

<!DOCTYPE>声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。<!DOCTYPE>声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签

块级元素有哪些，行内元素有哪些？空（void）标签有哪些？

块级元素：div ul  ol  li  h1~h6  p 
行内元素：a b span img input select 
空元素：br hr link meta img input 

HTML5中的dataList是什么？

CSS3中使用的列布局是什么？

DOM如何添加、移除、移动、复制、创建和查找节点？

DOM基本操作思维导图

严格模式和混杂模式有什么区别？

link 和 @import 的区别？

+ link 属于XHTML标签，@improt由CSS提供
+ 页面加载时，link会同时被加载，@import引用的CSS必须得等页面加载完成在加载
+ import 在IE5以下不兼容，link不存在兼容问题
+ link 方式的样式权重高于@import的权重

浏览器的内核有哪些？

IE  ==> Trident
Mozilla  ==> Gecko
Chrome ==> webkit

iframe有哪些缺点？

不利于搜索
不利于后期维护
代码臃肿
阻塞主页面的onload事件

如何实现浏览器内多个标签之间的通信？

调用localStorage cookie等本地存储方式

CSS选择符有哪些？哪些可以继承？优先级如何计算？新增伪类有哪些？

选择符：
   id    类  标签  相邻 子 后代 通配  属性  伪类 
可继承：
    font-size
    font-family
    color
    ul  li  dl   dt  dd
不可继承：
    border  padding  margin width height
优先级：
  ！important > style > id  > class > tag
伪类;
    :first/laste/only-of-type
    :nth/only-child()
    :enabled :disabled
    :checked

CSS3 新增特性？

border-radius
box-shadow
text-shadow
gradient
transfrom

什么是原型链？

1）构造函数、原型和实例的关系
2）prototype与_proto_的关系

原型链的继承有哪些？

什么是闭包？有什么作用？

vue双向绑定原理？

Object.defineProperty(obj,prop,{
 configurable:true,//是否可配置
    get:()=>{},
    set:()=>{}
})

vue中input属性checked的使用？

<input type="checkbox" v-model="b" value="A">hobby</input>
<input type="checkbox" v-model="b" value="B">sport</input>
<input type="checkbox" v-model="b" value="C">baby</input>

new Vue({
data:{
    b:[]
}
})

vue-router 跟 h5 路由有什么区别？

  vue-router 路由默认mode模式是hash 在路径页面路径可以回车 路径带有# 不利于SEO
  h5 路由（history）在页面路径时不能回车 否者404 路径不存在

手写一下深拷贝： 这个告诉各位看官一个简单粗暴的加分方法

JSON.parse(JSON.stringify(obj)) 用JSON实现深拷贝

bind call apply 区别

都可以改变this指向，bind，call是逐一传参，apply 是参一数组，all apply绑定的函数会立即执行，bind 不会立即执行，并会返回this指向的一个新函数，什么时候调用自己决定。