字节前端实习 Data AML 体验不错

1. 介绍AI Coding2. 水平居中的实现方式3. flex布局4. flex换行属性5. 重排和重绘的区别6. 虚拟dom7. React常用Hook8. useMemo，Memo，useCallback三者区别9. useEffect和useLayoutEffect10. 受控组件和非受控组件11. React组件通信12. 前端性能优化了解13. JS常见的数据类型14. 防抖和节流的区别15. 浅拷贝和深拷贝的区别16. 介绍一下URL输入浏览器之后会发生什么手写题：1. 一维数组转成二维数组2. Promise.all写面筋攒人品+2

本人是正在准备第一次面试的小白，想请教一下有经验的大佬：京东的手撕代码题，是在共享屏幕用自己的编译器写，还是他们那边有专门的平台发题呀？如果用本地编译器的话，能不能用Tab键补全呀😇

日期:3.13下午时长:51min，我最长的一次先自我介绍，讲了下项目来源，最近学了什么，以及用ai的一些经历问项目的点，图片懒加载监测图片在视口范围的怎么监测，有没有做防抖节流，怎么样保证视口范围内图片优先加载。然后问如果页面加载时间长怎么排查，我回答先看是不是有大的js文件或者css文件阻塞主线程，要坐压缩处理，然后就是图片等资源是不是太大了传输消耗时间。解决措施我就回答压缩代码，然后压缩图片等资源，同时延迟加载script第三方脚本。性能优化这一块我和面试官聊了很久，我讲了压缩文件，服务器渲染完页面推送给客户端，雪碧图，合并网络请求，多用esmodules的导入方式，面试官给我补充了几个方法。接着问我还学了什么框架或者技术栈，我回答没学什么，最近一直在研究开发的上下游，包括git管理开发分支，然后怎么测量页面渲染指标，怎么优化。然后面试官听我说用了ts，问我知不知道any和unkonwn有什么区别，我不知道，他给我说前者是放弃检查，后者还会自动推断内。接着问我vite学了哪些内容，和webpack比起来有什么好处。接着问我学没学过nodejs，我说没学过。接着问我怎么划分组件，你的依据是什么，讲两个你觉得好的组件。怎么看待业内主流的组件库，他们为什么这么封装（原子化），我回答说如果组件比较个性化，直接封装成栏目什么的，那不同组件的大小和变化要考虑互相兼容，会很麻烦。然后问我组件之间怎么通信，我回答props和emit，provide和inject，pinia，还有监测storage事件，v-model语法糖，slot插槽，我还提了一下vue的watch和computed，他说这个不是通信用的。然后我还讲了下broadcast channel这个API。面试官补充说mitt第三方库也可以通信。问我对ai看法怎么样，我就说我准备入行一两年内转全栈，三到五年看看能不能转产品经理的样子。面试官对ai态度比较乐观，问我会不会mcp，给我讲了下mcp大概是什么。然后问我为什么想本科就业，我回答对ai发展有点畏惧，而且不想继续读书了。然后面试官自己介绍了业务，讲了好一会，我最后问了下到岗时间，原来可以暑假到岗。面试官人很好，他说他是技术负责人，感觉团队氛围不错，希望能过，我就可以预订下一段实习了。

1. 介绍AI Coding2. 介绍你的项目经历3. 常见的布局方式4. AI Coding有哪些应用场景5. JS常见的数据类型6. 防抖和节流的区别7. 浅拷贝和深拷贝的区别8. 介绍一下URL输入浏览器之后会发生什么9. 水平居中的实现方式10. 介绍flex布局的排列方式11. 重排和重绘12. watch和computed的区别手写：1. 将一维数组转换为二维数组2. Promise.all手写