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指向的一个新函数，什么时候调用自己决定。
网友评论