我的实习小经验，不懂就来

淘宝交易前端1.自我介绍2.介绍实习和项目3.http和https本身有什么区别，混用有什么风险?4.跨域问题答： 在 webpack.config.js 的 devServer 中添加 proxy 配置，指定目标服务器地址，可设置 pathRewrite 重写路径，或 changeOrigin 模拟同源请求。或后端配置 CORS 允许指定源访问；使用代理服务器转发请求（Webpack Dev Server）。简单场景可用 JSONP（仅支持 GET）。5.proxy是本地开发环境使用的，项目上线了呢？（1）后端配置 CORS（推荐）（2）服务器层代理（如 Nginx、Apache）6.一个html页面里，监听一个元素是否滚动到了页面中可视位置？（1）Intersection Observer API 实现（2）监听 window 的 scroll 事件，获取元素的 getBoundingClientRect ()，得到其 top、bottom 等位置信息，再与视口高度比较。7.scroll判断滚动方向是向上滚还是向下滚？答：监听 window 的 scroll 事件，在回调中获取当前 scrollTop，与之前存储的值比较，当前值大则为向下滚，反之向上滚，最后更新历史值。8.space-between和space-around在布局上有什么区别？答：实际开发中，space-between适合需要元素贴边且均匀分布的场景，space-around适合需要整体居中且两侧有留白的布局。9.flex:1 是哪几个属性的合并？flex:1 是 flex-grow、flex-shrink 和 flex-basis 三个属性的简写形式，等价于 flex: 1 1 0%。这种简写在实际开发中很常用，比如在分栏布局中，给多个子元素设置 flex:1，可实现等宽分配父容器空间。

1.项目里怎么调大模型api，prompt有做安全性设计吗2.节流函数是怎么实现的3.节流时间间隔150ms，300ms内连续触发，会执行几次4.定位有几种，在文档流中吗，有什么作用?5.css选择器有哪些6.伪类选择器、伪元素选择器分别是干啥的7.介绍一下flex布局8. flex: 1是一个聚合属性，聚合了哪些?9.实现水平垂直居中的方法10.css盒模型11.介绍一下bfc12. vh vw有用过吗13.实现一行文字，超出末尾显示省略号，如何实现14.箭头函数和普通函数的区别15.介绍一下闭包16.开发中哪些场景会造成闭包、内存泄露17. settimeout有一个计时不准的问题，为啥1...

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的时候，能否将其重新加入队列重试📍面试公司：字节跳动-今日头条💻面试岗位：前端开发

介绍实习的postmessage难点，有没有遇到什么问题？介绍下sse流式输出hook，介绍下SSE，EventSource，SSE的优点介绍下秒传机制，介绍下BFF层大文件上传的流程为什么按分片存储？分片存储有什么问题？怎么优化？（数据库）用什么类型的数据库？为什么？关系型和非关系型数据库有什么优缺点？介绍下RBAC权限管理是怎么做的？页面级权限管理怎么做？动态路由权限管理？为什么选择pnpm workspace？pnpm的优点？硬链接和软链接vue2和vue3的区别？为什么要改成组合式？介绍下react fiber架构页面dom元素很多，怎么用fiber优化？有哪些hook？介绍下主流的跨端方案原理，假如现在你的项目需要支持跨端，你会怎么选型？跨端框架中怎么实现js调用原生的taro的原理让你实现一个跨端框架，你会怎么做？怎么把DSL转化成目标语言？了解微前端吗讲一下对闭包的理解做题两道闭包相关驼峰转连字符，用正则怎么做最近在学什么新技术怎么学的你身边人对你的评价是怎样的