字节前端一面

1.浏览器从输入url到页面渲染的过程2.浏览器做了哪些工作解析HTML最终形成页面展示（渲染过程）3.对js的解析是解析什么内容4.就是假设我们已经解析完了，不管它是解析什么内容，那解析完之后的话，它其实会有一个事件循环的机制，介绍一下js的事件循环机制5.事件循环在nodejs和浏览器的区别6.vue3的vue2响应式的话有哪些区别7.vue3实现一个自定义的响应式的数据应该怎么实现8.对于引用类型和基础类型的ref 实现上有什么区别？基础类型通过包装对象实现响应式，引用类型则借助 reactive 转换为代理对象，两者最终都通过 .value 访问，但内部处理机制不同。9.vite的热更新为什么比webpack快？10.vite是怎么支持解析所有文件的为什么？11.性能优化的方式，首屏加载优化资源层面，优先压缩和拆分资源，如用 Vite/Webpack 拆分代码（Code Splitting），大文件分片加载；图片懒加载非首屏图片。通过 CDN 分发静态资源。代码层面，路由懒加载（如 React.lazy、Vue 异步组件）。缓存层面，设置 HTTP 缓存（强缓存 Cache-Control，协商缓存 ETag）12.大文件进行分片加载是如何实现的?首先前端获取文件总大小，按固定尺寸（如 1MB）计算分片数量；然后通过 HTTP Range 请求头，每次请求一个分片（如Range: bytes=0-1048575）；服务端根据 Range 返回对应片段；前端接收所有分片后，用 Blob 或 ArrayBuffer 合并成完整文件。13.强缓存的，就是说要用强缓存。那你如果强化了之后，那你怎么更新呢？就比如我发了个紧急的 V3版本，你是当前可能强化才能 V1，那我怎么更新到 V3？给静态资源（JS/CSS/ 图片等）添加版本标识，如在文件名后加哈希值（app.8f3d2.js）或版本号（app.v3.js）。构建工具（Webpack/Vite）可自动生成哈希，哈希值随文件内容变化而变。14.标识是在哪里做的?构建工具（如 Webpack、Vite）会在打包时，根据文件内容生成唯一哈希值（如 MD5），并添加到文件名中（如index.abc123.js）这一步由构建工具的配置实现。15.那如何要设置html的强缓存，如何做到强制更新？16.RAG（检索增强生成）到底是什么东西，工作原理怎么样17.为什么要做向量化的过程？18.RAG减少的原因是什么，还有什么方式可以减少幻觉19.就是你是如何去了解一个全新的一个技术领域的，就是你是怎么去做对应的一个学习的？有没有一些学习的方法论可以分享一下20.分享一下Mi-BRAG21.手撕：要实现支持并发限制和先进先出（FIFO）的异步任务调度器22.追问：task返回什么类型任务执行失败了上面功能能执行么，promise如何处理失败，但是不阻塞队列->finally()catch的时候，能否将其重新加入队列重试📍面试公司：字节跳动-今日头条💻面试岗位：前端开发

流程时间：8.12投递   8.24笔试   9.1一面面试时间大概一个小时，面试官很专业[棒R]，面试提问的时候，有一些故意挖坑的题目，要注意了。 1.自我介绍2.Linux内核的内存分配方式3.对指针的了解，典型使用4.了解二级指针吗？5.long指针大小，和int对比，指针大小由什么决定？6.sizeof的使用，判断结构体大小，char，short，int不同组合方式的字节大小，最小可以压缩到多大，如何实现？7.进程和线程的关系8.了解数据库吗（不怎么了解）9.TCP/IP协议，网络分层，TCP丶IP分别在哪层10.TCP与UDP的关系11.TCP三次握手与四次挥手，为什么不是三次挥手？...

继续日更。真的有用哇发面经攒rp，加大力度！！2025.9.5 抖音电商 45min没有什么项目拷打，八股盛筵&寿司盛筵自我介绍&项目介绍vue中虚拟dom的优缺点CSS中的定位方式http的header中有什么常见的关键字浏览器缓存中的关键字，怎么用的开发时网页白屏怎么排查问题变量的作用域怎么确定this怎么判断---手撕：1. 二叉树的右视图2. 变量作用域题，求输出var a = 10;(function () {console.log(a);     // ①a = 5;              // ②console.log(window.a); // ③})();console.log(a);       // ④var a = 20;console.log(a);       // ⑤3. this相关题，求输出window.name = 'ByteDance';function A() {this.name = 125;}A.prototype.getA = function () {console.log(this);return this.name;};

浏览器的缓存机制就是将一家在过的资源（如 HTML、CSS、JS、图片、字体等）临时存储在本地设备中，当再次访问同一页面时，优先从本地读取资源，而非重新从服务器下载。缓存机制可以提升加载速度，减少流量消耗。一、缓存的位置：内存、硬盘、Service Worker、Push Cache 浏览器缓存优先级从高到低依次为：Memory Cache（内存缓存）Disk Cache（硬盘缓存）Service Worker Cache（服务工作线程缓存）Push Cache（推送缓存）。缓存类型存储位置读取速度存储时长特点内存缓存浏览器内存最快短暂（关闭标签页即清空）容量小，优先存储 “临时高频资源”，（...