腾讯wxg前端提前批一面面经

时长2h

自我介绍
什么时候开始学前端，学前端的方法
八股
哪个标签加载 CSS 文件？哪个标签加载 js 文件?
script 的异步加载：defer 和 async 属性，平常开发哪个用的多一点？
如果 defer 和 async 都不加它是会是什么效果？
两份不同js，那它是加载完一份再下一份，还是说都加载完了才执行？
script 标签里面的代码是同步执行还是异步执行？
如果我有 10 个 script 标签，还有 10 个 CSS 文件，那浏览器会执行 20 个请求吗？
浏览器数据存本地有哪几种方式，区别？
local storage 存储有上限，如果满了它会怎么处理？
local storages 调用是同步还是异步的？
css: 如何实现上下左右居中浮动布局
CSS 怎么适配系统的暗黑模式？（媒体查询 media 有参数可以直接拿到系统的主题参数）
px em rem 区别
DPRR 是什么？
js: 防抖跟节流有什么区别? 平常高峰期排队进站，用的是防抖还是节流的模型?
闭包函数有什么用途? 缺点？使用场景？
箭头函数、非箭头函数区别
new 操作符的原理实现
讲一下原型链
如果我对同一个元素既绑定了捕获，又绑定了冒泡，那么这两个事件哪一个会先执行？
promise 是怎么完成链式调用的？他的回调函数是异步执行的吗
promise.all 跟 promise.race 的区别
讲讲 JS 的事件循环机制
宏任务跟微任务哪个先执行
http ：讲讲网络缓存频繁的发版上线，怎么更好地利用 HTTP 缓存？
怎么强刷缓存？假如你上一个版本是有 bug 的，发现之后要赶紧上线修复，但是你又不想让用户用了本地缓存没有更新到？
html 缓存怎么更新？
TCP 三次握手为什么不是2次？挥手为什么是4次？
挥手过程如果没发送完成就提前关掉连接会有什么问题？
前端的一些常见安全攻击和预防？
v-html 的过滤
React
react filber tree 的作用和起源
组件更新阶段是可中断的吗？
react 的 diff 算法特点？与普通树 diff 的区别
setstate 是同步还是异步？
如果在一个同步任务的 for 循环里面， setState 100 次，最终它更新到UI，会更新 100 次 UI 吗？
哪个时机会触发 setState 的 batch 操作？
vue和react的虚拟dom是为了解决什么问题？
最近新出的 Vue Vapor，为什么又放弃了虚拟 dom ？
打包工具有用过吗
项目
讲讲项目整体的难点或痛点
LCP，TBT 的计算逻辑
性能优化的手段，具体是做了什么
CICD 怎么做的
手写
实现一个 cookies 使用的 API（get, set）
可以通过 get(key, value, expire, domain) 设置 cookies 值
通过 get(domain) 获取全部子域名下的 cookies，输出的格式为 "key1=value1;key2=value2"
示例

// 输入
[{"key": "name", "value": "karl", "domain": ".qq.com", "expire": "20250802 20:00:00"}, {"key": "age", "value": 18, "domain": ".weixin.qq.com", "expire": "20250803 20:00:00"}, {"key": "id", "value": 1, "domain": "baidu.com", "expire": "20250804 20:00:00"}]

// 
get(".weixin.qq.com")  // 输出 "name=karl;age=18"

#发面经攒人品##前端##腾讯#