京东——日常实习前端二面

一面 1.开发偏移动端还是电脑端？2.实习项目拷打3.Vue2和Vue3的区别4.服务端渲染SSR 节省的是什么时间？前端所有的JS都是服务端渲染然后返回的吗，那这样前端的首屏加载时间是不是就为0，省去网络请求？5.浏览器从URL解析到渲染的流程，结合实习中做的基建6.为什么解析完IP就可以返回对应的HTML网页，怎么对应上的7.Promise本身是微任务吗8.事件冒泡？如何阻止9.在封装一个组件时需要考虑什么？有没有一套自己的设计原则？10.场景：给一个div设置了z-index为什么没生效11.提升页面加载速度的一些性能优化手段12.Promise链式调用then代码题：1.代码输出（时间循环）2.手撕：树转对象数组二面1.前端方面如何去定位真正的性能瓶颈？要收集哪些数据2.排查问题思路3.跨平台app如何量化用户体验指标4.app冷启动速度优化+运行时内存优化5.react的fiber6.react diff和vue diff有什么区别7.多个用户同时登陆如何判断token是谁的？8.AI结合前端的技术9.项目拷打得很深代码：1.demo：一个带小数的数字，点击button隐藏整数or小数部分，支持切换2.算法：最长回文子串感觉快手对于项目逻辑思路这块很看重，基本是围绕着项目问八股，但流程推进的比较慢，一面结束3天才约二面，二面结束3天才oc....

一面 1.自我介绍。2.讲下实习内容。3.实习拷打。4.浏览器中输入url并按下回车，之后发送了什么事情？5.HTTP跟HTTPS有什么区别吗？6.URL是由哪些部分组成的？7.哪些部分不同会导致一些跨域问题吗？8.怎么解决跨域问题？9.后端做那个白名单，他们他具体那个浏览器要怎么识别呢？10.JS中有哪些数据类型？11.基础数据类型和复杂的数据类型，它们有什么区别？12.有哪些可以检测这些数据类型的方法？13.typeof去检测数据类型会不会有些什么问题？为什么？14.比如说让你自己去实现一个数据类型检测，你觉得你会怎么去比较呢？怎么去比较这个数据类型检测？自己怎么写个typeof？15.CSS中flex那么多吗？CSS中flex是吗？假如我是个小白，想让你给我介绍一下flex布局，你会怎么说呢？16.你觉得float使用上会比flex有哪些地方觉得特别麻烦？17.react router的一个实现的原理？18.事件循环。看代码说输出。（这里主要是promise.then().then()第二个then是在什么时候触发的）反问。二面1.自我介绍。2.实习拷打。3.React的状态管理库有哪些？4.mbox跟redux，你觉得它俩有什么区别吗？会有什么不一样吗？5.如果不用三方库的话，你觉得你会去怎么设计呢？那如果context太大导致重复渲染怎么解决？6.有了解antd它的表单是如何实现的吗？（没说它怎么实现，说了我自己的表单怎么实现的）。7.打包工具一般用哪些打包工具？8.webpack如何实现按需加载？9.老的浏览器是不支持ES model的动态import的。现在还有在做了哪些转换吗？10.像import怎么怎么去转换？如果让你实现一个打包工具，就不用webpack，也不用babel。你觉得你怎么去实现异步加载，JS模块的异步加载？11.Vite和Webpack的区别？12.假如要实现一个登录的一个功能，它支持账号密码登录，也支持三方登录。然后你觉得要如何去设计这个模块或者功能呢？13.TS的枚举编译之后，它会转成什么什么内容呢？14.TS的Interface这种编译完了之后会变成什么东西呢？反问

1.实习介绍2.着重介绍一个你自己认为含金量最高的项目3.为什么选用sqlite，了解indexDB吗，为什么不用indexDB?4.我看你websocket用的是ws模块，是基于什么考量的，socket模块的社区活跃度和星数更高，为什么不考虑用这个呢?5.Electron为什么可以调用类似于客户端的一些API或者功能?JSBridge了解吗?6.购物项目的骨架屏是如何实现的?假设现在有一个新闻网站，他新闻有很多种类型，比如纯文字，文字加图片，纯图片等等，那你怎么在页面资源全部加载完成前展现出一个尽量靠近真实界面的骨架屏呢?7.React有了解吗?有没有搭建过项目?8.pdf.js内部原理是怎么样的?canvas如何绘制图片?原生canvas有了解吗?9.你了解的性能优化的指标?如何检测LCP?不埋点用自动化的方式呢?Performance面板什么用?录制期间记录哪些数据?10.现在AI应用有这种一个一个或一行一行的输出效果，怎么做的?后端返回的格式以及请求头相关的信息有什么不一样的地方吗?JS是如何接收并处理接收的数据的?SSE的EventSource只能处理GET请求假设我要POST请求，怎么做?11.微前端了解吗12.手撕:单词拆分

1.线程和进程2.事件循环3.代码输出题4.get和post的区别5.除了get和post，还有其他方法吗，options是什么方法6.什么是跨域，解决跨域的方法，反向代理的实际场景7.cors的具体配置是怎么设置的8.缓存有哪些类型9.缓存发生的一个过程10.Sesion localstorage cookie的区别11.cookie发送的机制，怎么设置子域名可以发送12.设计模式有哪些13.手写发布订阅模式14.盒模型的内容15.怎么设置宽高是否包含pedding16.选择器的优先级17.垂直居中18.怎么添加事件监听19.冒泡阶段和捕获阶段20.原型链21.vue2和vue3的区别22.虚拟dom树，虚拟dom树key的作用23.sse24.虚拟滚动的底层实现原理25.性能优化方式26.回流和重绘的场景题27.怎么将markdown格式转化为html格式，实现思路28.平时怎么用AI29.为什么选择pinia，pinia和vuex的设计模式区别30.vite和webpack的区别31.为什么vite启动更快32.npm和pnpm的具体实现原理33.封装组件的具体实现，暴露哪些属性和方法，怎么配置差异化的场景34.说说你项目中的拖拽组件35.怎么实现流式响应36.src和defer37路由的两种模式