理论性知识点

1、页面导入样式时，使用link和@import有什么区别？

	link标签除了可以加载CSS，定义rel连接属性。
	link引用的CSS会同时被加载，而@import引用的CSS会等到页面全部被下载完再被加载

import是CSS2.1 提出的，只在IE5以上才能被识别，而link是XHTML标签，无兼容问题;

2、如何解决跨域问题？

JSONP 方式
服务器代理

		200 ok 请求成功      
		301 -Moved Permanently 资源（网页等）被永久转移到其它URL
		304 -Not Modified 使用缓存文档
		404 Not Found 服务器无法根据客户端请求到资源
		500  Internal Server Errour 服务器内部错误，无法完成请求

---

1、async、await 优缺点

---

async 修饰处理一个函数 可以让一个函数返回一个promise对象

await 修饰符 来修饰一个promise对象
    可以将异步变成同步
    不能单独使用  只能在async函数里使用
async 和 await 相比直接使用 Promise 来说，优势在于处理 then 的调用链，
能够更清晰准确的写出代码。缺点在于滥用 await 可能会导致性能问题，
因为 await 会阻塞代码，也许之后的异步代码并不依赖于前者，但仍然需要等待前者完成，
导致代码失去了并发性

2、什么是跨域？你所知道的解决跨域问题的方法有哪些？

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源
它是由浏览器的同源策略造成的
jsonp 服务器代理  长连接

1.JS如何监听页面缩放？

onresize

2.是否可以给内联元素设置宽和高？为什么？
原则上来说：内联元素是不能设置高度宽度的，如果要设置

就需设置 display:block等，但是img input等内联元素却可以设置height width

但某些元素通过设置float属性也可以有宽和高，比如span  

　　一、内联元素宽高的确定

　　宽度：不受width的限制，有文字内容决定的，padding 和 margin 可以改变宽度。

　　高度：不受height的限制，padding 和margin 也不能改变。可以通过line-height 和 font-size来改变。

1.display:none和visibility:hidden的区别
display:none:隐藏对应的元素，在文档布局中不再给它分配空间
visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间
（v斯壁垒忒）

typeof用于判断一个一个表达式，（对象或者原始值），返回一个字符串。
instanceof（in斯忒奥夫）用于判断一个变量是否某个对象的实例

---

div+css布局较table布局有哪些优点？

1，table布局加载网页时，必须整体加载完，降低了网页的呈现速度，而div+css布局是边加载边显示的。

2，table布局在网页代码编写时，有时需要嵌套多重表格才能实现，但使用div+css布局，相对而言会减少许多嵌套时的代码，更容易检查和维护。

3，table布局不方便表现的更换，使用div+css布局，大多只要更改css样式表就能变化表现形式。

4、易于维护和改版。

Vue常用的指令都有哪些？说明其作用。

	v-text：更新DOM对象的 textContent
	v-html：更新DOM对象的 innerHTML
	v-bind：当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM
	v-on：绑定事件
	v-model：在表单元素上创建双向数据绑定
	v-for：基于源数据多次渲染元素或模板块
	v-if显示隐藏是将dom元素整个添加或删除
	v-show隐藏则是为该元素添加css--display:none，dom元素还在

---

flex布局的缺点有哪些？（除兼容性外）

不擅长处理复杂的业务流程，主要还是适合展现
flex布局是无法直接定义列数的，所以需要配合百分比才能实现效果。
其次 flex布局会让子容器的一些属性将会失效、flex的布局会让子容器的float、clear和vertical-align属性将失效。

2.getElementById和queryselect平时经常使用哪一个？说说你的看法。

getXXXByXXX 获取的是动态集合，querySelector获取的是静态集合。

简单的说就是，动态就是选出的元素会随文档改变，静态的不会，取出来之后就和文档的改变无关了
1.如果只要一次查找就可得到元素时，首选getXXXByXXX ；

2.如果需要经过多级查找，才能得到元素时，首选querySelector；（斯莱克特）

---

1.说一下JS中的this？

全局作用域或者普通函数中 this 指向全局对象 window。
方法调用中谁调用 this 指向谁
在构造函数或者构造函数原型对象中 this 指向构造函数的实例
箭头函数中指向外层作用域的 this

如何将两个数组合并为一个数组？

concat()
apply进行连接

---

1、谈一谈为什么要清除浮动以及清除浮动的方法有哪些？

高度塌陷
就是给父元素也设置浮动元素。让父元素也浮动起来

增加空标签:在浮动元素后面添加一个空标签，清除浮动

overflow:hidden法，也是最常见的一种

也就是使用after伪类清除浮动的方法。 
优点:只是为存在的一个元素增加了一个伪类而已, 例如.xxx:after{display:block; content="";overflow:hidden;} 

2、使用ES6的方法 如何进行数组去重的操作。

利用Set+扩展运算符 …
利用Set对象和数组的Array.from方法
利用Map对象和数组的filter方法

---

1、Vue的生命周期有几个阶段？

创建 挂载 更新 销毁

2、Vue的生命周期钩子函数都有哪些？

before Create（创建前）,   亏a特
created（创建后）,        kui  a 嘚te
before Mount(载入前),     芒特
mounted（载入后）,        忙腾特
before Update（更新前）,   阿普得特
updated（更新后）,       阿普dei忒特
before Destroy（销毁前）,    迪丝翠
destroyed（销毁后）	迪丝翠的

---

1.说一下this指向问题。

全局作用域或者普通函数中 this 指向全局对象 window。
方法调用中谁调用 this 指向谁
在构造函数或者构造函数原型对象中 this 指向构造函数的实例
箭头函数中指向外层作用域的 this

2、Vue双向绑定的原理。

当数据data发生变化时，页面自动发生更新
输入框内容变化时，data 中的数据同步变化。即 view => model 的变化。
data 中的数据变化时，文本节点的内容同步变化。即 model => view 的变化。

---

1、在Vue中 如何让CSS只在当前组件中起作用？

当前组件<style>写成<style  scoped>

2、Vue的路由实现又几种模式，它们有何不同？

history'  哈西

---

1.null和undefinde的区别

这是一个对象，但是为空。因为是对象，所以 typeof null 返回 'object' 。

null 是 JavaScript 保留关键字
null 参与数值运算时其值会自动转换为 0 
undefined是全局对象（window）的一个特殊属性，其值是未定义的。但 typeof undefined 返回 'undefined' 。

虽然undefined是有特殊含义的，但它确实是一个属性，而且是全局对象（window）的属性。
undefined参与任何数值计算时，其结果一定是NaN

2.http的几种请求方法用途

GET
GET请求会显示请求指定的资源。一般来说GET方法应该只用于数据的读取，而不应当用于会产生副作用的非幂等的操作中。

GET会方法请求指定的页面信息，并返回响应主体，GET被认为是不安全的方法，因为GET方法会被网络蜘蛛等任意的访问。

POST请求会 向指定资源提交数据，请求服务器进行处理，如：表单数据提交、文件上传等，请求数据会被包含在请求体中。POST方法是非幂等的方法，因为这个请求可能会创建新的资源或/和修改现有资源。
PUT请求会身向指定资源位置上传其最新内容，PUT方法是幂等的方法。通过该方法客户端可以将指定资源的最新数据传送给服务器取代指定的资源的内容。

---

.W3C的事件处理和IE的事件处理有哪些区别？

iE事件流只支持事件冒泡，不支持事件捕获
W3C事件流支持事件捕获和事件冒泡

IE事件流可以通过可以通过attachEvent()和detachEvent()来添加和删除事件
W3C事件流可以通过可以通过addEventListener()和removeEventListener()来添加和删除事件

IE事件中的this指向的是window对象而不是目标元素对象
W3C事件流中this指向的是目标元素的作用域

在IE事件流中，如果为一个元素顺序绑定多个事件，事件执行的顺序是按照逆序执行的。
在W3C事件流中，如果为一个元素顺序绑定多个事件，事件执行的顺序是按照顺序执行的。

IE事件中可以通过returnValue属性来阻止事件的默认行为，即将window.event.returnValue设置为false
就可以阻止事件的默认行为
W3C事件中可以通过preventDefault()    ---破文的第佛特---   方法阻止事件的默认行为，可以通过stopPropagation(stop破补给训)方法
停止事件在DOM结构中进行传播，即停止事件继续冒泡或者捕获。

---