前端面试总结

https://www.imooc.com/article/40010
js数据类型，字符串，数组，对象操作

字符串的截取，数组的排序去重

对象的遍历

引用类型和基本类型的区别

this作用域

es6特性 let,const,class,箭头函数,promise,async await,module模块化

ajax实现原理

事件绑定

gulp、webpack

vue

es5遍历方式有哪些

null类型进行typeof操作符后，结果是object，原因在于，null类型被当做一个空对象引用

转型函数String(),适用于任何数据类型（null,undefined 转换后为null和undefined）；toString()方法（null,defined没有toString()方法）

js中的中文每个汉字也只代表一个字符，这里可能跟其他语言有些不一样。

charAt() charCodeAt() fromCharCode()区别

Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量

行内绑定中，其事件处理中的this指向了全局window对象
动态绑定中，其事件处理中的this指向了当前正在操作的dom对象

js里onclick和click区别 click 是方法；onclick是事件；执行click就是模拟鼠标点击，同时会触发onclick事件

BFC，防抖节流，性能优化

原型，继承，原型链，执行上下文，垃圾回收，作用域链

mvc,mvvm区别、虚拟dom、diff算法、vue双向绑定、spa原理

valueOf、toString区别什么时候用

quic协议

http、http1.1、http2.0、https、dns、cdn、tcp、缓存、跨域、安全、本地储存、socket、url

模块化，工程化

tcp和udp区别

http响应过程 1 输入url 2 dns解析成ip 3 ip+端口+header头请求服务器 4 tcp三次握手 5 ARP寻址得到mac 一个个数据包发送 6 数据到达链路层 请求阶段完成 7 接收方得到请求报文 8 接收方寻找并响应报文 9 发送方接受资源 开始渲染
页面渲染过程 1 html parser 2 css parser 3 JavaScript引擎 4 dom tree 5 render tree 6 layout 7 repaint

href src区别 1 请求类型不同 前者 链接或者关系和锚点 后者会下载资源 图片或者脚本 2 作用结果不同 href建立联系 src替换当前内容 3 浏览器解析方式不同 当浏览器解析到src ，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，图片和框架等也如此，类似于将所指向资源应用到当前内容。这也是为什么建议把 js 脚本放在底部而不是头部的原因。

浏览器内核 分为渲染引擎和js引擎 常见内核 Trident Gecko Presto Webkit

cookies，sessionStorage 和 localStorage 的区别

如何实现浏览器内多个标签页之间的通信?

数组slice和splice区别 一个分割成新数组 一个改变原数组 splice计算的是个数

字符串substring、slice、substr 前两个都是起始和结束 substring不支持负数 传入负数视为0 返回全部 slice支持负数 substr计算的是个数

ajax用原生js写一个

如何比较两个对象

js删除变量 delete

浏览器渲染引擎工作流程都差不多，大致分为5步，创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting