最新前端javascript高级面试视频笔记-virtual dom（五），前端黑科技保活实现原理揭秘

ES6

• 列举常用的ES6特性：

• 箭头函数需要注意哪些地方？

• let、const、var

• 拓展：var方式定义的变量有什么样的bug？

• Set数据结构

• 拓展：数组去重的方法

• 箭头函数this的指向。

• 手写ES6 class继承。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

微信小程序

• 简单描述一下微信小程序的相关文件类型?

• 你是怎么封装微信小程序的数据请求？

• 有哪些参数传值的方法？

• 你使用过哪些方法，来提高微信小程序的应用速度？

• 小程序和原生App哪个好？

• 简述微信小程序原理？

• 分析微信小程序的优劣势

• 怎么解决小程序的异步请求问题？

如果放这里就会渲染五遍，上面只渲染一次。

dom操作渲染昂贵

控制台闪烁，收起：说明里面内容全改了

我们期待只改30和深圳，而不是要全部改

5-5总结 什么是dom

创建了一个div节点，然后用for in去遍历所有的属性，打印

默认创建的dom节点数量多，侧面反映复杂性。

尽量少的操作dom

vdom是什么，存在的必要性

标签名，属性，子节点，文本（js字符串）模拟

哪些dom该操作哪些不该操作，就要找逻辑，执行了什么运算。

5-6 使用 vdom-snabbdom-1

vdom如何存在？

snabbdom 开源的一个库

能实现MVVM的很多，不局限于Vue，react

5-7 使用 vdom-snabbdom-2（跳过）

5-9 使用 vdom - 重做demo-1

TCP协议

• TCP 和 UDP 的区别？
• TCP 三次握手的过程？
• 为什么是三次而不是两次、四次？
• 三次握手过程中可以携带数据么？
• 说说 TCP 四次挥手的过程
• 为什么是四次挥手而不是三次？
• 半连接队列和 SYN Flood 攻击的关系
• 如何应对 SYN Flood 攻击？
• 介绍一下 TCP 报文头部的字段
• TCP 快速打开的原理(TFO)
• 说说TCP报文中时间戳的作用？
• TCP 的超时重传时间是如何计算的？
• TCP 的流量控制
• TCP 的拥塞控制
• 说说 Nagle 算法和延迟确认？
• 如何理解 TCP 的 keep-alive？

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

浏览器篇

• 浏览器缓存?
• 说一说浏览器的本地存储？各自优劣如何？
• 说一说从输入URL到页面呈现发生了什么？
• 谈谈你对重绘和回流的理解
• XSS攻击
• CSRF攻击
• HTTPS为什么让数据传输更安全？
• 实现事件的防抖和节流？
• 实现图片懒加载？

入URL到页面呈现发生了什么？

• 谈谈你对重绘和回流的理解
• XSS攻击
• CSRF攻击
• HTTPS为什么让数据传输更安全？
• 实现事件的防抖和节流？
• 实现图片懒加载？

[外链图片转存中…(img-uw7gsl1g-1715260630242)]