前端面试总结

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

所有原创文章采用 知识共享署名-非商业性使用 4.0 国际许可协议 进行许可。
您可以自由的转载和修改,但请务必注明文章来源并且不可用于商业目的。
本站部分内容收集于互联网,如果有侵权内容、不妥之处,请联系我们删除。敬请谅解!

添加新评论

成功源于不懈的努力。

暗自伤心,不如立即行动。

再多一点努力,就多一点成功。

得意淡然,失意坦然;喜而不狂,忧而不伤。

海纳百川,有容乃大;壁立千仞,无欲则刚。