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.页面加载显示过程？
- 当发送一个 URL 请求时，不管这个URL是Web页面的URL还是Web页面上每个资源的 URL，浏览器都会开启一个线程来处理这个请求，同时在远程DNS服务器上启动一个 DNS查询。这能使浏览器获得请求对应的IP地址。
- 浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文，一个同步-应答报文和一个应答报文，这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信，而后服务器应答并接受客户端的请求，最后由客户端发出该请求已经被接受的报文。
- 一旦TCP/IP连接建立，浏览器会通过该连接向远程服务器发送HTTP的GET请求，远程服务器找到资源并使用HTTP响应返回该资源，值为200的HTTP响应状态表示一个正确的响应。
- 此时，Web服务器提供资源服务，客户端开始下载资源。
8.ajax 的过程是怎样的？
- 创建XMLHttpRequest对象,也就是创建一个异步调用对象
- 创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息
- 设置响应HTTP请求状态变化的函数
- 发送HTTP请求
- 获取异步调用返回的数据
- 使用JavaScript和DOM实现局部刷新
9.GET和POST的区别？
GET：一般用于信息获取，使用URL传递参数，对所发送信息的数量也有限制，一般在2000个字符
POST：一般用于修改服务器上的资源，对所发送的信息没有限制
GET方式需要使用 Request.QueryString 来取得变量的值
POST方式通过 Request.Form 来获取变量的值
也就是说 Get 是通过地址栏来传值，而 Post 是通过提交表单来传值。
在以下情况中，请使用 POST 请求：
- 无法使用缓存文件（更新服务器上的文件或数据库）
- 向服务器发送大量数据（POST 没有数据量限制）
- 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
10.引用类型和基本类型的区别？
基本数据类型：Number，String，Boolean，Null，Undefined，Symbol
引用类型：Object，Array，function，Date，RexExp等
区别：
- 基本类型的值不可变，引用类型的值可变
- 基本类型的比较是值的比较，引用类型的比较是引用的比较
- 基本类型的变量存放在栈区，引用类型的值同时保存在栈内存和堆内存中
引用类型的赋值是对象保存在栈区地址指针的赋值，两个变量指向同一个对象，任何的操作都会相互影响
11.深拷贝和浅拷贝的区别?
- 深拷贝：两数组指针指向不同的地址，数组元素发生改变时不会相互影响
- 浅拷贝：相当于使两个数组指针指向相同的地址，任一个数组元素发生改变，会影响另一个
12.js继承的方式和特点？
- 原型链继承：利用原型让一个引用类型继承另一个引用类型的属性和方法
- 借用构造函数继承：在子类型构造函数的内部调用超类型构造函数
- 组合继承：集二者之长
- 原型式继承：借助原型并基于已有的对象创建新对象，不用创建自定义类型
- 寄生式继承：创建一个仅用于封装继承过程的函数
- 寄生组合式继承：解决两次调用的问题
- 类继承：通过extends关键字实现继承
13.defer和async属性的区别？
- defer：与文档元素同步加载，脚本在文档解析后执行
- async：加载和渲染文档元素的过程和脚本的加载与执行并行进行
14.前端的安全问题？
- sql注入：通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。
- XSS攻击：指的是攻击者往Web页面里插入恶意html标签或者javascript代码。
- CSRF：跨站请求伪造
15.浏览器如何渲染网页？
- 使用HTML创建文档对象模型(DOM)
- 使用CSS创建CSS对象模型(CSSOM)
- 基于DOM和CSSOM执行脚本(Scripts)
- 合并DOM和CSSOM形成渲染树(Render Tree)
- 使用渲染树布局(Layout)所有元素
- 渲染(Paint)所有元素
16.如何解决跨域问题？
- jsonp(动态插入 script 标签)
- document.domain + iframe
- window.name、window.postMessage
- 服务器上设置代理页面
17.TCP传输的三次握手策略
- 发送端首先发送一个带SYN标志的数据包给对方。
- 接收端收到后，回传一个带有SYN/ACK标志的数据包以示传达确认信息。
- 发送端再回传一个带ACK标志的数据包，代表“握手”结束。
18.CSS和JavaScript的阻塞问题
- css阻塞：当CSS后面跟着嵌入的JS的时候，会出现阻塞后面资源下载的情况
- js阻塞：下载JS的时候，会阻止一切其他活动
