京东前端一面

tcp，udp，http，https连接的区别对浏览器有没有了解，浏览器渲染机制这些我自己介绍项目亮点大学学了什么课程，数据结构与算法？讲讲你知道的数据结构。vue里用ref定义响应式变量怎么进行类型声明，比如说const a:   ＝ref（‘张三’），这个冒号后面填什么。网络状态码。项目有没有上线，nodejs会吗，负载均衡这些，高考多少分，多少名。没有手撕没有算法，很简单

Vue和React哪个用的多，对React有了解吗JS数据类型有哪几种基础数据类型和引用数据类型的区别JS定义变量的方式有几种let和var有什么区别JS中作用域有几种ES6的Promise解决了什么问题Promise有哪几种状态，状态变化可逆吗箭头函数和普通函数的区别call和apply的区别平时用什么打包工具Vite中如何解决跨域问题，你知道哪些常用的配置Vite比Webpack快的原因，Vite更快的底层原理是什么使用Vue 3封装组件，如何使组件的可扩展性更好Vue中父子组件和兄弟组件如何传参Vue路由的hash和history模式区别，history模式有什么问题，怎么解决后面就是问...

自我介绍 项目介绍JavaScript基础CSS布局方案响应式实现浏览器兼容性性能优化算法题网络知识框架理解

日期: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发展有点畏惧，而且不想继续读书了。然后面试官自己介绍了业务，讲了好一会，我最后问了下到岗时间，原来可以暑假到岗。面试官人很好，他说他是技术负责人，感觉团队氛围不错，希望能过，我就可以预订下一段实习了。