1.说说你对语义化的理解？

• 去掉或者丢失样式的时候能够让页面呈现出清晰的结构
• 有利于SEO
• 方便其他设备解析
• 便于团队开发和维护，语义化使得网页更具可读性

2.谈谈Cookie的弊端？

• Cookie数量和长度的限制，20条，4KB
• 安全性问题
• 有些状态不可能保存在客户端

3.清除浮动的技巧？

• 空标签清除：clear:both
• 给父元素添加overflow:auto
• 使用after伪元素清除
• 浮动父元素

4.哪些操作会造成内存泄漏？

• setTimeout 的第一个参数使用字符串而非函数
• 闭包
• 控制台日志
• 循环（在两个对象彼此引用且彼此保留时，就会产生一个循环）

5.性能优化的方法？

• 减少http请求次数：CSS Sprites, JS、CSS 源码压缩，data 缓存
• 减少 DOM 操作次数，优化 javascript 性能，延迟，异步加载脚本
• 减少 IO 读取操作
• 图片预加载，将样式表放在顶部，将脚本放在底部

6.http状态码有那些？

• 100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息
• 200 OK 正常返回信息
• 201 Created 请求成功并且服务器创建了新的资源
• 202 Accepted 服务器已接受请求，但尚未处理
• 301 Moved Permanently 请求的网页已永久移动到新位置
• 302 Found 临时性重定向
• 303 See Other 临时性重定向，且总是使用 GET 请求新的 URI
• 304 Not Modified 自从上次请求后，请求的网页未修改过
• 400 Bad Request 服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求
• 401 Unauthorized 请求未授权
• 403 Forbidden 禁止访问
• 404 Not Found 找不到如何与 URI 相匹配的资源
• 500 Internal Server Error 最常见的服务器端错误
• 503 Service Unavailable 服务器端暂时无法处理请求（可能是过载或维护）

7.页面加载显示过程？

1. 当发送一个 URL 请求时，不管这个URL是Web页面的URL还是Web页面上每个资源的 URL，浏览器都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个 DNS查询。这能使浏览器获得请求对应的IP地址。
2. 浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文，一个同步-应答报文和一个应答报文，这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信，而后服务器应答并接受客户端的请求，最后由客户端发出该请求已经被接受的报文。
3. 一旦TCP/IP连接建立，浏览器会通过该连接向远程服务器发送HTTP的GET请求，远程服务器找到资源并使用HTTP响应返回该资源，值为200的HTTP响应状态表示一个正确的响应。
4. 此时，Web服务器提供资源服务，客户端开始下载资源。

8.ajax 的过程是怎样的？

1. 创建XMLHttpRequest对象,也就是创建一个异步调用对象
2. 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
3. 设置响应HTTP请求状态变化的函数
4. 发送HTTP请求
5. 获取异步调用返回的数据
6. 使用JavaScript和DOM实现局部刷新

9.GET和POST的区别？

GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符
POST：一般用于修改服务器上的资源，对所发送的信息没有限制
GET方式需要使用 Request.QueryString 来取得变量的值
POST方式通过 Request.Form 来获取变量的值
也就是说 Get 是通过地址栏来传值，而 Post 是通过提交表单来传值。
在以下情况中，请使用 POST 请求：

1. 无法使用缓存文件（更新服务器上的文件或数据库）
2. 向服务器发送大量数据（POST 没有数据量限制）
3. 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

10.引用类型和基本类型的区别？

基本数据类型：Number，String，Boolean，Null，Undefined，Symbol
引用类型：Object，Array，function，Date，RexExp等
区别：

1. 基本类型的值不可变，引用类型的值可变
2. 基本类型的比较是值的比较，引用类型的比较是引用的比较
3. 基本类型的变量存放在栈区，引用类型的值同时保存在栈内存和堆内存中
   引用类型的赋值是对象保存在栈区地址指针的赋值，两个变量指向同一个对象，任何的操作都会相互影响

11.深拷贝和浅拷贝的区别?

• 深拷贝：两数组指针指向不同的地址，数组元素发生改变时不会相互影响
• 浅拷贝：相当于使两个数组指针指向相同的地址，任一个数组元素发生改变，会影响另一个

12.js继承的方式和特点？

• 原型链继承：利用原型让一个引用类型继承另一个引用类型的属性和方法
• 借用构造函数继承：在子类型构造函数的内部调用超类型构造函数
• 组合继承：集二者之长
• 原型式继承：借助原型并基于已有的对象创建新对象，不用创建自定义类型
• 寄生式继承：创建一个仅用于封装继承过程的函数
• 寄生组合式继承：解决两次调用的问题
• 类继承：通过extends关键字实现继承

13.defer和async属性的区别？

• defer：与文档元素同步加载，脚本在文档解析后执行
• async：加载和渲染文档元素的过程和脚本的加载与执行并行进行

14.前端的安全问题？

1. sql注入：通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。
2. XSS攻击：指的是攻击者往Web页面里插入恶意html标签或者javascript代码。
3. CSRF：跨站请求伪造

15.浏览器如何渲染网页？

1. 使用HTML创建文档对象模型(DOM)
2. 使用CSS创建CSS对象模型(CSSOM)
3. 基于DOM和CSSOM执行脚本(Scripts)
4. 合并DOM和CSSOM形成渲染树(Render Tree)
5. 使用渲染树布局(Layout)所有元素
6. 渲染(Paint)所有元素

16.如何解决跨域问题？

1. jsonp(动态插入 script 标签)
2. document.domain + iframe
3. window.name、window.postMessage
4. 服务器上设置代理页面

17.TCP传输的三次握手策略

1. 发送端首先发送一个带SYN标志的数据包给对方。
2. 接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息。
3. 发送端再回传一个带ACK标志的数据包，代表“握手”结束。

18.CSS和JavaScript的阻塞问题

• css阻塞：当CSS后面跟着嵌入的JS的时候，会出现阻塞后面资源下载的情况
• js阻塞：下载JS的时候，会阻止一切其他活动