秋招 字节 国际电商 前端一面

再战字节（剧透一下最后被排序挂了 双飞鼠无奈 也是自己不够优秀吧 没办法靠实力把研究生比下去拷打了很久，问的很全面也比较细致，面试表现应该还可以，很快给了二面通知。0.意向城市1.自我介绍（介绍到第一个项目完面试官就开始展开问了，没有讲后面的自我介绍）——项目2.服创比赛项目业务介绍和人员分配3.介绍一下项目中的技术栈和技术难点5.上传相关的实现细节是如何想到去实现的6.图形化显示是以什么形式展示的7.文件二次处理如何实现的8.压缩时如何控制压缩后图片的质量9.在这个项目中你的角色除了前端之外还相当于一个产品经理的身份吗，做了些什么工作10.项目技术栈11.在taptap实习时的工作介绍12....

自我介绍- 蓝桥杯是什么- 问两个开源项目：   - Threejs 那个怎么说  - 某音乐网站嵌入 tauri 二次开发（扯了一下写的 vite 插件，实现了把外部网站嵌入到脚手架内实现的直接开发，还有重写部分热重载代码，以及代理后端，实现内容覆盖与整个网站的控制权，以及扯了一下这种跨平台开发要注意的是什么，然后就扯了一下ipc通信与序列化的性能）    - 做了这些插件最终的意义？（提升开发体验与效率） - 这些是自己做的还是实验室做的（第一个跟隔壁实验室哥们一起做的，第二个是自己做的，2023年7月 -> 2024年8月，有GitHub提交可查）- 说一下你对前端工程化的理解（尽可能地实现非业务部分过程自动化，使得开发者可以专注开发）- 用过webpack吗，没有，直接 vite 上手- 说一下你对 vite 的认知，越多越好，尽可能地说（esbuild 开发环境，rollup 生产环境，vite 在加速方面做了哪些努力（esbuild 构建开发环境js，预构建依赖，对源码更新采用链失活处理（仅概念）））- esm cjs（同步与异步导入，import 静态分析）- url 到页面呈现（合法判断，cache，dns，tcp，dom树，cssom，js 阻塞，render tree，绘制，部分 css 送入 gpu 处理）- 说一下用 Astro 的原因（vite 作为底层驱动支持，内容驱动静态网站生成，支持SSG，SSR）- 除了 SSG，SSR 还有什么渲染，区别是什么（ISR，CSR，边缘计算）- Astro SSR 还有哪些应用场景（扯了一下官网文档的电商平台，用户可以先看到页面商品内容，具有交互性质的按钮可以在后续注水激活）- 说一下 yjs 是干什么的（以CRTD为核心思想的并发冲突解决库）- 在线演示平台，平台有多少人在用（不多，给内部人员编辑使用）- 做这个遇到最难的地方是什么（服务端崩溃上下文丢失后内容恢复，说了目前的实现与未来最好实现）- VSCode 插件看一下效果（演示了一下并说了转 ast 做处理的简单流程）笔试：- html css js 基础- lodash.get- 树遍历本来要反问了，感觉节奏不对，继续跟面试官扯完了简历上的后两点：- 页面预览实现？  成本有点高，目前思路是转发脚手架页面  曾经做过的努力：  - 用 astro 的编译器看看能不能 build 一些组件并拼接完整页面（不能，必须依赖 node 环境或在浏览器实现需要的 api）  - 用 SSR （审查了 astro 部分源码发现对于 markdown 编译逻辑都是写在 vite 插件内，打包时是直接把 markdown 编译成 js，SSR执行时直接静态出字符串，没有运行时编译过程）  - 11月14号新出的 content layer api，去官方文档看了milestone，其中写清楚了不把运行时编译 markdown 放在目标内，与 astro 的 baseline 与解决问题场景不一致- jsx 编写通用组件？  曾经做过的努力：  - 调研 tinyMVC，在示例仓库里发现他针对各个框架都写了一套 renderless 逻辑，还为此写了一个专门抹平框架差异的函数  - taro，基于编译器实现，背后有编译团队，运行时团队，小程序团队和跨平台团队支持，对于小团队开发成本太高了反问：- base 北京上海- 二面什么时候- 主要业务- 需要改进的地方

二面表现也还行，当时还问了下这个是有转正hc的，但是感觉相对于现在那么多大佬名校又是研究生的竞争者总感觉自己表现不够出色，没想到后面还是给了三面，当时在想暑假结束了是不是字节最近比较缺人才给我放到三面（自闭鼠鼠1.自我介绍2.你们参加的比赛是如何判断项目做的怎么样的3.你认为你们项目获得好成绩的原因是什么，有什么亮点加分点4.你们项目优化了些什么东西5.你们这些优化点有多少是你独立的想法6.可以挑一个项目讲一讲技术层面比较有挑战且做完后有成就感的吗7.浏览器缓存的强制缓存和协商缓存具体是如何实现的，具体实际代码操作8.算法题为Array实现一个Reader，通过接口getRea...