波比bopeep level
获赞
133
粉丝
79
关注
5
看过 TA
2238
北京邮电大学
2026
Web前端
IP属地:河北
暂未填写个人简介
私信
关注
09-11 14:12
已编辑
北京邮电大学 Web前端
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的时候,能否将其重新加入队列重试📍面试公司:字节跳动-今日头条💻面试岗位:前端开发
查看24道真题和解析
0 点赞 评论 收藏
分享
查看18道真题和解析
0 点赞 评论 收藏
分享
09-05 10:23
已编辑
北京邮电大学 Web前端
淘宝交易前端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,可实现等宽分配父容器空间。
查看9道真题和解析
0 点赞 评论 收藏
分享

创作者周榜

更多
关注他的用户也关注了:
牛客网
牛客网在线编程
牛客网题解
牛客企业服务