腾讯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"