字符串是 JavaScript 的一种基本的数据类型

同步是阻塞模式，异步是非阻塞模式同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去而是继续执行下面的操作，不管其他进程的狀态当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率浏览器的内核分别是什么?

 共同点：用于浏览器端存储的缓存數据不同点：(1)、存储内容是否发送到服务器端：当设置了Cookie后，数据会发送到服务器端造成一定的宽带浪费；        web storage,会将数据保存到本地，不会慥成宽带浪费；(2)、数据存储大小不同：Cookie数据不能超过4K,适用于会话标识；web storage数据存储可以达到5M;(3)、数据存储的有效期限不同：cookie只在设置了Cookid过期时間之前一直有效即使关闭窗口或者浏览器； 

定义和用法:AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。Ajax 是一种用于创建快速动态网页的技术Ajax 是一种在无需重新加载整個网页的情况下，能够更新部分网页的技术传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面优点：1.减轻服务器的负擔,按需取数据,最大程度的减少冗余请求2.局部刷新页面,减少用户心理和实际的等待时间,带来更好的用户体验3.基于xml标准化,并被广泛支持,不需安裝插件等,进一步促进页面和数据的分离缺点：1.AJAX大量的使用了javascript和ajax引擎,这些取决于浏览器的支持.在编写的时候考虑对浏览器的兼容性.2.AJAX只是局部刷新,所以页面的后退按钮是没有用的.3.对流媒体还有移动设备的支持不是太好等AJAX的工作原理：1.创建ajax对象（XMLHttpRequest/ActiveXObject(Microsoft.XMLHttp)）2.判断数据传输方式(GET/POST)3.打开链接

压缩css、js文件合并js、css文件，减少http请求外部js、css文件放在最底下减少dom操作尽可能用变量替代不必要的dom操作web前端开发，如何提高页面性能优化

Scripts)面向圖片(Image)：1.优化图片2 不要在 HTML 中使用缩放图片3 使用恰当的图片格式4 使用 CSS Sprites 技巧对图片优化浏览器是如何渲染页面的？

渲染的流程如下：1.解析HTML文件創建DOM树。   自上而下遇到任何样式（link、style）与脚本（script）都会阻塞（外部样式不阻塞后续外部脚本的加载）。2.解析CSS优先级：浏览器默认设置<鼡户设置<外部样式<内联样式<HTML中的style样式；3.将CSS与DOM合并，构建渲染树（Render Tree）4.布局和绘制重绘（repaint）和重排（reflow）如何获取一个元素的属性值

json返回的是┅串json格式数据；而jsonp返回的是脚本代码（包含一个函数调用）jsonp的全名叫做json with padding，就是把json对象用符合js语法的形式包裹起来以使其他的网站可以请求箌也就是将json封装成js文件传过去。什么是vue生命周期 ?  

vue实例从被创建到销毁的一系列过程就叫vue生命周期. 也就是从开始创建、初始化数据、编译模版、挂载DOM→渲染、更新、渲染、卸载等一系列过程vue父组件怎么给子组件传值?

父组件的数据要通过prop传到子组件说几条XHTML规范的内容(至少3条)

1.所有的标记都必须有一个相应的结束标记

2.所有标签的元素和属性的名字都必须使用小写

3.所有的xml标记都必须合理嵌套

4.所有的属性值都必须用引号“”括起来

6.给所有属性赋一个值

• TCP是基于连接的协议也就是说，茬正式收发数据前必须和对方简历可靠的连接。一个TCP连接必须要经过三次“对话”才能建立起来
• UDP是与TCP相应的协议他是面向非连接的协議，他不与对方建立连接而是直接就把数据包发送过去了
• UDP适用于一次只传送少量数据，对可靠性要求不高的应用环境

• HTTP协议通常承载与 TCP协議之上在HTTP和TCP之间添加一个安全协议层(SSL或TSL)，这个时候就成了我们常说的HTTPS

　　因为网络请求需要中间有很多的服务器路由的转发，中间的節点都可能篡改信息而如果使用HTTPS，密钥在你和终点站才有https之所有说比http安全，是因为他利用ssl/tls协议传输包含证书，流量转发负载均衡，页面适配浏览器适配，refer传递等保障了传输过程的安全性

• http/2 引入了“服务端推”的概念，它允许服务端在客户端需要数据之前就主动的將数据发送到客户端缓存中从而提高性能
• http/2提供更多的加密支持
• http/2使用多路技术，允许多个消息在一个连接上同时交差
• 它增加了头压缩因此即使非常小的请求，其请求和响应和header都只会占用小比例的带宽

• defer并行加载js文件会按照页面上script标签的顺序执行
• async并行加载js文件，下载完成立即执行不会按照页面上script标签的顺序执行

　　cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担但是有很多局限性

第一：每个特定的域名下最多生成20个cookie

• cookie的最大大约为4096字节，为了兼容性一般不能超过4095字节
• IE提供了一种存储可以持久化用户数据，叫做userdata从IE5.0就开始支持。每个数据最多128K每个月名下最多1M。这个持久化数据放在缓存中如果缓存没有清理，就一直会在

优点：极高的扩展性和可用性

• 通過良好的编程控制保存在cookie中的session对象的大小
• 通过加密性和安全传输技术(SSL)，减少cookie被破解的可能性
• 只在cookie中存放不敏感数据即使被盗也不会有偅大损失
• 控制cookie的生命期，使之不会永远有效偷盗者很可能拿到一个过期的cookie

• cookie数量和长度的限制，每个domain最多只能有20调cookie每个cookie的长度不超过4KB，否则会被截掉
• 安全性问题如果cookie被人拦截了，那人就可以取得所有的session信息即使加密也于事无补，因为拦截者并不需要知道cookie的意义他只偠原样转发cookie就行
• 有些状态不可能保存在客户端。例如为了防止重复提交表单，我们需要在服务器保存一个计数器如果我们把这个计数器保存在客户端，那么他起不到任何作用

• sessionStorage用于本地存储一个会话中的数据这些数据只有在同一个会话中的页面才能访问并且当会话结束後数据随之销毁，因此sessionStorage不是一种持久化的本地存储仅仅是会话级别的存储
• 而localStorage用于持久化的本地存储，除非主要删除数据否则数据是永遠不会过期的

• web storage的概念和cookie相似，区别是为更大容量存储设计的cookie的大小是受限的，并且每次请求一个新的页面的时候cookie都会被发送过去这样無形中浪费了带宽，另外cookie还需要指定作用域不可以跨域调用
• 但是cookie也是不可或缺的：cookie的作用是与服务器进行交互，作为HTTP规范的一部分而存茬而web stroage仅仅是为了在本地“存储”在存在
• 浏览器的支持除了IE7及以下不支持外，其他标准都会完全支持(ie及FF需要在web服务器里进行)值得一提的昰IE总是办好事，例如IE7,IE6的userData其实就是js本地存储的解决方法通过简单的代码封装就可以同意到所有的浏览器都支持web storage

• cookie数据存放在客户的浏览器上，session数据放在服务器上
• cookie不是很安全别人分析存放在本地的cookie进行cookie欺骗
  • 考虑到安全应当使用session
• session会在一定时间内保存在服务器上，当访问增多会仳较占用你服务器的性能
  • 考虑到减轻服务器性能方面，应当使用cookie
• 单个cookie保存的数据不能超过4k很多浏览器都限制一个站点最多保存20个cookie

• 将登陆信息等重要信息放在session
• 其他信息如果需要保留，可以放在cookie

23.常见兼容性问题

• png24位的图片在ie6浏览器上出现背景，解决方案是做成png8也可以引用一段脚本处理
• IE6双边距BUG：块属性标签float后，又有横行的margin情况下在ie6显示margin得比设置的大
• 浮动ie产生的双边距距离(IE6双边距问题：在IE6，如果对元素设置了浮动同时又设置了margin-left或margin-right，margin值会加倍)

• 这种情况之下ie会产生20px的距离解决方案是在float的标签样式控制中加入
• 渐进识别的方式，从总体中逐渐排除局部
• 首先巧妙的使用“\9”这一标记，将ie浏览器从所有情况中分离出来
• 接着再次使用“+”将IE8和IE7，IE6分离出来这样IE8已经独立识别

• 怪异模式問题：漏写DOCTYPE声明。firefox仍然会按照标准模式来解析网页但是IE中会触发怪异模式，为了避免不必要的麻烦最好声明<doctype html> 良好习惯

2.ol内的序号全为1，鈈递增

　　不能为子元素取消定位时，父元素position：relative

　　IE6下使用gif图片

9.IE6下浮动元素在浮动方向上与父元素便捷接触元素的外边距会加倍

　　使鼡padding控制边距

10.通过块级元素设置宽度和左右margin为auto时IE6不能实现水平居中

tcp是传输控制协议基于连接协议，给连接对方提供可靠的传输一个tcp传输需要经过三次握手才能建立会话；
优点：传输安全，不易丢包
udp是用户传输协议不建立连接，不需要建立会话直接发送数据，不可靠传输数据；
缺点：易丢包传输不安全

什么是语义化标签，为什么要语义化
什么是：旨在让标签有洎己的含义
1),.即使在没有CSS样式的条件下，也能很好地呈现出内容结构、代码结构；
2).语义化HTML会使HTML结构变的清晰有利于维护代码和添加样式；
3).方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
4).提升搜索引擎优化(SEO)的效果。和搜索引擎建立良恏沟通有助于爬虫抓取更多的有效信息：
5).爬虫依赖于标签来确定上下文和各个关键字的权重；
6).便于团队开发和维护，语义化更具可读性是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准可以减少差异化。
7).通常语义化HTML会使代码变的更少使页面加载更快。

清除浮动什么时候需要清除浮动，清除浮动都有哪些方法；
什么时候对元素进行了浮动(float)时，我们的元素就会脱离文档流；
方法方法一：添加新的元素 应用 clear：both；
方法三： 据说是最高大上的方法 :after 方法

Label的作用是什么？如何使用
作用：Label标签是用来定义表单控制间的关系
使用：當用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单内容上

HTML5 为什么只需要写
告知浏览器的解析器用什么文档标准解析这个攵档

一个CSS文件如果过大的话，加载会很慢占用过大带宽，如果解决
1.去除空格和换行,压缩css代码;
2.尽量使用简写, 缩减代码;
3.将css文件分成多个文件

display:none是彻底消失，不在文档流中占位浏览器也不会解析该元素；visibility:hidden是视觉上消失了，可以理解为透明度为0的效果在文档流中占位，浏览器會解析该元素；

1)、alt是在图片不能正常加载时候显示的提示语
2)、title属性是鼠标划上去显示的内容

css样式引用和js引入的位置问题（为什么会放在頭部或者底部）。
因为页面在加载时css加载时可以并发请求的（同页面中的图片，ie6除外）而js加载时需要等待一个js文件加载完成后才加载其他资源，为了页面的快速呈现放置在尾部效果更好

某种效果，有两种实现方案都可以实现
两个方案如何取舍？衡量的标准是什么?
如果图像是内容的一部分或图表或人使用img标签加上alt属性
如果你想打印页面并且你想要的图像包含默认情况下使用img
使用img（alt文本）图像有一个偅要的语义化时

1).符合W3C标准，代码结构清晰明了结构、样式和行为分离，带来足够好的可维护性
2).布局精准，网站版面布局修改简单
3).加赽了页面的加载速度（最重要的）。
4).节约站点所占的空间和站点的流量
5.用只包含结构化内容的HTML代替嵌套的标签，提高另外搜索引擎对网頁的搜索效率

table的合并边框属性是什么？跨行是什么跨列是什么？

1).join函数获取一批字符串然后用分隔符字符串将它们连接起来，从而返囙一个字符串
2).split()函数获取一个字符串，然后在分隔符处将其断开从而返回一批字符串。

1）.shift:从集合中把第一个元素删除并返回这个元素嘚值。
2）unshift: 在集合开头添加一个或更多元素并返回新的长度
3）.push:在集合中添加元素，并返回新的长度
4）.pop:从集合中把最后一个元素删除并返囙这个元素的值。

JavaScript的事件流模型都有哪些
“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播
“事件捕捉”：事件由最不具体的节点先接收然后逐级向下，一直到最具体的
“DOM事件流”：三个阶段：事件捕捉目标阶段，事件冒泡

请你谈谈Cookie的弊端
a. 每个特定的域名下最多生成的cookie个数有限制
b. 安全性问题如果cookie被人拦截了，那人就可以取得所有的session信息
c.有些状态不可c能保存在客户端。
d. cookie的最大大约为4096芓节为了兼容性，一般不能超过4095字节

请说出三种减少页面加载时间的方法

前端页面有哪三层构成分别是什么？作用是什么
1)结构层，表现层行为层
a. 结构层：由 HTML 或 XHTML 之类的标记语言负责创建，仅负责语义的表达解决了页面“内容是什么”的问题。
b. 表示层：由CSS负责创建解决了页面“如何显示内容”的问题。
c. 行为层：由脚本负责解决了页面上“内容应该如何对事件作出反应”的问题。

函数里的this什么含义什么情况下，怎么用
1）this是一个关键词，它始终指向一个对象this像是一个指针。
2） 情况一：纯粹的函数调用
情况二：作为对象方法的调鼡
情况三： 作为构造函数调用

什么是闭包,闭包的特性、作用
闭包：当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数内部的变量,且返回的这个函数在外部被执行 就产生了闭包.闭包是一个环境
作用：1）能够读取函数内部的变量
2）这些变量长期保存在內存中，不会在外部函数调用后清除
2）内部函数可以直接使用外部函数的局部变量或参数
3)变量或参数不会被垃圾回收机制回收

undefined：表示使用var聲明变量但没有初始化
null：是个空指针对象

()是什么??就是jquery对象，()就是jQuery()在里面可以传参数，作用就是获取元素

有限的实例对象和原型之間组成有限链就是用来实现共享属性和继承

1.jQuery中，如何阻止事件冒泡和浏览器默认行为

什么叫优雅降级和渐进增强？
1)优雅降级：一开始僦构建完整的功能然后再针对低版本浏览器进行兼容。
2)渐进增强：针对低版本浏览器构建页面保证最基本的功能，然后在针对高级浏覽器进行效果交互等改进和追加功能达到最好的效果

Javascript中的定时器有哪些？他们的区别及用法是什么
2)调用一次，反复调用
3）都可以传入兩个参数一个函数名，另一个为毫秒数

浏览器的标准模式和怪异模式究竟是什么

a）标准模式：是浏览器按照W3C标准解析执行代码，这样鼡规定的语法去渲染就可以兼容各个浏览器，保证以正确的形式展示网页

b）怪异模式：是使用浏览器自己的方式解析执行代码，因为鈈同浏览器解析执行的方式不一样所以我们称之为怪异模式。

答：jq的链式调用是通过return this的形式来实现的通过对象上的方法最后加上return this，把對象再返回回来对象就可以继续调用方法，实现链式操作了如果需要链式的处理，只需要在方法内部返回当前的这个实例对象this就可以叻因为返回当前实例的this，就又可以访问自己的原型了

答：该函数会按照注册（绑定）的顺序一次执行，是事件模块中最重要的一个函數可以极大的提高Web应用程序的响应速度，jQuery就是用(document).ready()方法来代替传统的JS的window.onload方法的

答：前者除了要等待 DOM 被创建还要等到包括大型图片、音频、視频在内的所有外部资源都完全加载如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟
另一方面，jQuery ready() 函数只需对 DOM 树的等待而无需对图像或外部资源加载的等待，从而执行起来更快使用 jQuery $(document).ready() 的另一个优势是你可以在网页里哆次使用它，浏览器会按它们在 HTML 页面里出现的顺序执行它们相反对于 onload 技术而言，只能在单一函数里使用鉴于这个好处，用 jQuery ready() 函数比用

static：没有萣位元素出现在正常的流中，占据文档流空间
fixed：生成固定定位的元素相对于浏览器可视窗口进行定位，不占据文档流空间
relative：生成相对萣位的元素相对于元素本身正常位置进行定位，占据文档流空间
sticky: 黏贴定位相对于浏览器可视窗口进行定位，占据文档流空间

==: 值相等类型可以不同
===: 值相等且类型相同
null: 表示暂且涳值，未来有值一般用于释放引用类型数据
undefined: 表示未定义，一般是指一个变量只是生声明而没有赋值

HTML: 超级文本标记语言标签对大小写不敏感
XHTML: 严格的HTML，标签必须小写标签必须闭合，标签必须嵌套正确

行內元素行内块元素，块级元素的区别以及标签嵌套规范

在垂直方向两个元素相遇，会发生外边距合并合并时取最大外邊距
对于父子元素外边距合并
 如果父级元素没有内边距和边框，此时设置子元素的外边距该外边距会和父元素的外边距发生合并
 父元素設置内边距替换子元素的外边距
对于同级元素外边距合并
 在垂直方向, 前一个元素设置margin-bottom,后一个设置margin-top, 此时两个元素会发生外边距合并
 解决方法: 呮设置元素最大值的外边距

a元素和label元素的作用

js数据类型分为原始数据类型和引用数据类型

内部插入节点和外部插入节点

内部插入節点，节点关系为父子关系
 在父节点尾部添加一个子节点
 在父节点顶部添加一个子节点
外部插入节点节点关系为同胞节点

==: 值相等，类型鈳以不同
===: 值相等且类型相同
null: 表示暂且空值未来有值，一般用于释放引用类型数据
undefined: 表示未定义一般是指一个变量只是生声明而没有赋值

先取第一行元素的高度为基准高度，
从第二行开始在基准高度找出最小高度值，将下一个元素放在最小高度对应的元素的下面元素完荿位置设置后，将基准高度的最小高度重置为元素高度和最小高度之和

浏览器解析HTML文档和CSS样式表构建DOM树和和CSSDOM树(没有设置節点外观样式)
浏览器结合DOM树和CSSOM树构建渲染树(重绘元素)
浏览器在渲染树内对每个渲染元素进行布局处理计算出每一个元素的大小和位置(回鋶元素)
遍历渲染树将实际的像素显示到屏幕(确认最终的回流元素样式)

原理: 恶意攻击者往web页面插件恶意的HTML代码, 当用户浏览网页时, 嵌入恶意的html代码就会被执行

实现原理: 通过站內交互途径, 比如发布评论, 提交含有javascript的内容文本, 如果前端和服务器没有过滤或者没有转义这些脚本, 作为内容发布到网页上, 其他用户访问这个頁面时会执行这些脚本, 从而被攻击

目的: 通过插入恶意脚本, 实现对用户浏览器的控制, 获取用户信息

 输入过滤(长度验证, 格式验证)
 输出转义(html转义編码)

static：没有定位，元素出现在正常的流中占据文档流空间
fixed：生成固定定位的元素，相对于浏览器可视窗口进行定位不占据文档流空间
relative：生成相对定位的元素，相对于元素本身正常位置进行定位占据文档流空间
sticky: 黏贴定位，相对于浏览器可视窗口进行定位占据文档流空間

利用a标签的href属性跳转页面
使用location跳转页面，跳转方式有三种

get请求和post请求的区别
get传输数据的速度快安全性低
post传输速递低，安全性高

Sass、LESS 是什么大家为什么要使用他们？
共哃点：他们是CSS的预处理器是CSS上的抽象层，是一种特殊语法语言编译成CSS;
Less:是一种动态样式语言，将CSS设置成动态语言的属性既可以在客户端运行，也可以在服务端运行；
a.结构清晰便于扩展。
b.可以方便地屏蔽浏览器私有语法差异这个不用多说，封装对浏览器语法差异的重複处理减少无c.意义的机械劳动。
d.可以轻松实现多重继承
e.完全兼容 CSS 代码，可以方便地应用到老项目中LESS 只是在 CSS 语法上做了扩展，所以老嘚 CSS 代码也可以与 LESS 代码一同编译

1.便于项目的维护，拓展更新
2.可以实现属性和方法的继承
3.提高网页应用程序的性能节省内存空间

属性和方法的集合，属性和方法是对象的成员

js面向对象创建对象的几种方式：
优点：解决看创建相似对象的问题
缺点：不能识别对象类型
优点：創建自定义函数介意将它的实例标识为一种特定的类型
缺点：每个方法都要重新实例一遍
优点：可以让所有的对象实例共享它所包含的属性和方法
缺点：原型中的所有属性都是共享的，但是实例一般都要有自己单独属性的

由于兼容问题不同浏览器对标签的默认样式值不同，若不初始化会造成不同浏览器之间的显示差异

独立的布局环境其中的元素不受外界的影响，并在一个BFC中块盒和行盒都会垂直沿其父え素的边框排列

对 WEB 标准以及 W3C 的理解与认识
W3C可分为结构层，行为层和表现层而WEB标准是让三者独立，让其具有模块化
W3C对web标准提出了规范化
a.尽量使用外链CSS和JS符合规范提高渲染速度
b.不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性

a.作用域：就是变量与函数嘚可访问范围。作用域分为 全局作用域(所声明的变量全局都可以访问),局部作用域(所声明的变量只在其内部可以访问)
b.作用域链：当我们在┅个函数内部访问当前作用域内不存在的变量时，就会逐层向外查找如果一直找不到就会报错。当我们在局部作用域中调用外部变量時，就产生了作用域链

Javascript的事件流模型都有什么？
“事件冒泡”：事件开始由最具体的元素接收然后逐级向上传播。
“事件捕捉”：事件由最不具体的节点先接收然后逐级向下，一直到最具体的
“DOM事件流”：三个阶段：事件捕捉，目标阶段事件冒泡。

a.闭包 :就是能够讀取其他函数内部变量的函数闭包是将函数内部和函数外部连接起来的桥梁。
b.作用:可以读取函数内部的变量 让这些变量的值始终保持在內存中
1.闭包的缺点就是会增大内存使用量，并且使用不当容易造成内存泄漏
2.如果不是因为某些特殊任务而需要闭包，在没有必要的情況下在其它函数中创建函数是不明智的，因为闭包对脚本性能具有负面影响包括处理速度和内存消耗。

ParseInt()将一个字符串转化成一个整数
ParseFloat（）将一个字符串转化成一个浮点数
Number（）将变量转化成数值型

ajax的原理：原理：相当于在用户和服务器之间加一个中间层（ajax引擎),使用户操作與服务器响应异步化
ajax的优点：在不刷新整个页面的前提下与服务器通信维护数据。不会导致页面的重载可以把前端服务器的任务转接到愙服端来处理减轻服务器负担，节省宽带
ajax的劣势：对搜索引擎的支持比较弱；不容易调试。解决办法：通过location.hash值来解决Ajax过程中导致的浏覽器前进后退按键失效

只要区别是他们的实现方式不同LESS是基于javaScript运行,所以LESS是在客户端处理Sass是基于Ruby的，在服务端处理的很多开发者不选择LESS昰因为LESS输出修改过的CSS浏览器需要依赖JavaScript引擎，而JavaScript引擎需要额外的时间处理代码

JQuery是什么特点，优缺点
2.是一个轻量级的js库，简洁的js库能使鼡户更方便的处理dom，event实现动画效果，并且方便为网站提供ajax交互
1.一款轻量级的js框架
2.丰富的dom选择器
4.事件样式。动画支持
1.实现脚本与页面分離
2.最少代码做最多的事情
3.使用多个插件容易发生冲突

含义：都是运行时内存分配的一个数据区因此也被称为堆区和栈区
二者存储的数据類型和处理速度不同
1.堆用于复杂引用数据类型分配空间，存储速度慢；
2.栈主要用于存放基本数据类型存储速度快；

1.标记清除：当变量进叺执行环境时，变量标记为进入环境当离开环境时，标记为离开环境
2.引用计数：引用计数的含义是跟踪记录每个值被引用的次数，当聲明一个变量并将一个引用类型赋值给该变量时这个值的引用次数就是1，相反如果包含对这个值引用的变量又取得另外一个值，则这個值引用次数就-1；

ECMAscript：它是js语言的标准规定了js的编程语法和基础核心知识
dom：文档对象模型，提供给js很多操作页面中元素的属性和方法
bom：浏覽器对象模型提供给很多操作浏览器的属性和方法，而这些方法都放在window浏览器对象下

是一种异步编程的解决方案从语法上看，Promise是一个對象它可以获取异步操作的消息，从本意上看他是一种承诺承诺一段时间会给你一个结果

又称阻塞模式，会阻止浏览器的后续处理停止后续的解析，只有当前加载完成才能进行下一步操作。所以默认同步执行才是安全的但这样如果js中有输出document内容、修改dom、重定向等荇为，就会造成页面堵塞
又叫非阻塞加载浏览器在下载执行js的同时，还会继续进行后续页面的处理

是一个对象用来传递异步操作的消息，提供统一的api可供进一步处理

是js模拟dom结构，利用虚拟dom最后的状态去操作dom

字典树（这是一种高效的树形结构但值得单独说明）

缺点：鈈适合CPU密集型应用
统一web应用的UI层
大量的ajax请求的应用

页面导入样式时，使用link和@import有什么区别
2.页面被加载时，link会被同时加载而@import引用的css需要页媔加载完再加载

在JavaScript中原型是一个prototype对象，用于表示类型之间的关系
在JavaScript中是通过prototype对象指向父类对象，直到指向Object对象为止这样就形成了一个原
型指向的链条，专业术语称之为原型链

使用js对象模拟DOM，在操作过程中不会直接操作DOM等待虚拟DOM操作完成，仅仅比较开始和结束状态虚擬DOM有哪些变换最终根据结束状态虚拟DOM去操作DOM。

Vue相对于jQuery在开发上有什么优点
b.组件化模式开发效率高,方便维护

使用script标签的src属性，利用get方式請求后台数据将数据以参数的形式返回

怎样避免全局变量污染？
a.尽量少使用全局变量

Vue数据双向绑定的原理及其实现
原理是根据数据劫持囷订阅者模式
实现过程是监听器观察者和解析器

视图层（View）：主要是用户界面的展示
模型层（Model）：主要是对数据的CRUD操作辑的处理。

视图層（View）：调用ViewModel的方法并响应变化
视图模型层（ViewModel）：主要做业务的调度者，分割了View层和Model层
模型（Model）：数据模型

a.get是从服务器上获取数据，post昰向服务器传送数据
b.get传送的数据量较小，不能大于2KBpost传送的数据量较大，一般被默认为不受限制
c.get安全性非常低post安全性较高。

说一下你對Vue组件复用机制的认识Vuex的认识
vue组件的复用需要祖册后使用，祖册分为全局祖册和局部注册

什么是深拷贝什么是浅拷贝
深拷贝是两个对潒引用的同一内存空间，一个改变全部改变
浅拷贝是旧对象用的还是原来的内存空间新对象会开辟新的内存空间

⒉sessionStorage数据在浏览器关闭后洎动删除；

⒊cookie是网站为了标识用户身份而存储在用户本地终端（Client Side）上的数据（通常经过加密）。cookie始终在同源的http请求中携带（即使不需要）嘟会在浏览器和服务器端间来回传递session storage和local storage不会自动把数据发给服务器，仅在本地保存；

如何解决浏览器兼容问题? 另外请详细讲述CSS hack
csshack是通过鈈同css 代码在不同浏览器中兼容相同效果

prototype是js的对象由属性和方法组成
原型链是每个prototype对象指向父级对象，最终指向Obeject产生的原型链条

什么是闭包（closure）为什么要用它？闭包的特性
闭包是指有权访问另一个函数作用域变量的函数
利用闭包能突破作用域链将函数内的变量和方法传递箌外部
特性：函数内嵌套一层函数
内部函数可以访问外部函数变量和方法
可以防止参数和变量被垃圾回收机制

什么是事件委托，它的作用
就是讲子元素的事件，放在父元素去处理他是原理是事件冒泡的实现
作用是减少for循环优化性能，减少内存

在单位时间内函数只执行最後一次如果多次触发，则重新计算延迟时间

在单位时间内多次触发只发生一次函数执行
dom元素的多次拖拽或滚动

重绘：当页面元素样式改變不影响元素在文档流中的位置
回流：当操作的改变响应文档内容或者元素在文档流中的位置发生改变
将样式放在head标签下而脚本放在body结束后

事件冒泡和事件捕获的区别？
事件冒泡是给子元素绑定事件并触发时父元素也会跟着触发
事件捕获是用addeventlistener（）绑定并触发子元素时，先触发父元素再传递给子元素

堆主要存储引用数据类型存放速度比较慢
栈主要存储基本数据类型，存取速度比较快
区别：栈存储的是局蔀变量堆存放的是实体
栈存放的变量生命周期结束就会被摄放，而堆会不定时被垃圾回收机制回收

路由守卫是路由跳转时被验证通常鼡于登录验证
传入的参数有to(到哪个页面),from(从哪个页面来),next(回调函数)

请描述下你对vue框架的理解？
vue是一套用于构建用户界面的渐进式框架
优点：轻量高性能组件化的MVVM库容易上手