【202308】【校招】24届京东校招前端一二面 · 大厂前端面试真题

[1、编程：对象深拷贝，把空数组空字符串空对象去除掉](1%E3%80%81%E7%BC%96%E7%A8%8B%EF%BC%9A%E5%AF%B9%E8%B1%A1%E6%B7%B1%E6%8B%B7%E8%B4%9D%EF%BC%8C%E6%8A%8A%E7%A9%BA%E6%95%B0%E7%BB%84%E7%A9%BA%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%A9%BA%E5%AF%B9%E8%B1%A1%E5%8E%BB%E9%99%A4%E6%8E%89.md) [2、浏览器输入一个URL到显示页面会发生什么？](2%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E8%BE%93%E5%85%A5%E4%B8%80%E4%B8%AAURL%E5%88%B0%E6%98%BE%E7%A4%BA%E9%A1%B5%E9%9D%A2%E4%BC%9A%E5%8F%91%E7%94%9F%E4%BB%80%E4%B9%88%EF%BC%9F.md) [3、浏览器缓存讲一下强缓存协商缓存和对应字段](3%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E7%BC%93%E5%AD%98%E8%AE%B2%E4%B8%80%E4%B8%8B%E5%BC%BA%E7%BC%93%E5%AD%98%E5%8D%8F%E5%95%86%E7%BC%93%E5%AD%98%E5%92%8C%E5%AF%B9%E5%BA%94%E5%AD%97%E6%AE%B5.md) [4、DNS解析的过程讲一下分为哪几个阶段？](4%E3%80%81DNS%E8%A7%A3%E6%9E%90%E7%9A%84%E8%BF%87%E7%A8%8B%E8%AE%B2%E4%B8%80%E4%B8%8B%E5%88%86%E4%B8%BA%E5%93%AA%E5%87%A0%E4%B8%AA%E9%98%B6%E6%AE%B5%EF%BC%9F.md) [5、浏览器渲染过程讲一下](5%E3%80%81%E6%B5%8F%E8%A7%88%E5%99%A8%E6%B8%B2%E6%9F%93%E8%BF%87%E7%A8%8B%E8%AE%B2%E4%B8%80%E4%B8%8B.md) [6、Css会阻塞DOM解析吗？](6%E3%80%81Css%E4%BC%9A%E9%98%BB%E5%A1%9EDOM%E8%A7%A3%E6%9E%90%E5%90%97%EF%BC%9F.md) [7、 Js会阻塞页面渲染吗，defer和async有什么区别？](7%E3%80%81Js%E4%BC%9A%E9%98%BB%E5%A1%9E%E9%A1%B5%E9%9D%A2%E6%B8%B2%E6%9F%93%E5%90%97%EF%BC%8Cdefer%E5%92%8Casync%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [8、Css如何实现三栏布局，上下固定，中间填充?](8%E3%80%81Css%E5%A6%82%E4%BD%95%E5%AE%9E%E7%8E%B0%E4%B8%89%E6%A0%8F%E5%B8%83%E5%B1%80%EF%BC%8C%E4%B8%8A%E4%B8%8B%E5%9B%BA%E5%AE%9A%EF%BC%8C%E4%B8%AD%E9%97%B4%E5%A1%AB%E5%85%85.md) [9、flex 1是指什么，和flex 0有什么区别？](9%E3%80%81flex1%E6%98%AF%E6%8C%87%E4%BB%80%E4%B9%88%EF%BC%8C%E5%92%8Cflex0%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [10、二面：Vue2和Vue3有什么区别？](10%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVue2%E5%92%8CVue3%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [11、二面：Vue3和Vue2在渲染上有什么区别？](11%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVue3%E5%92%8CVue2%E5%9C%A8%E6%B8%B2%E6%9F%93%E4%B8%8A%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [12、二面：Vue3如何取消reactive这种响应式监听？](12%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVue3%E5%A6%82%E4%BD%95%E5%8F%96%E6%B6%88reactive%E8%BF%99%E7%A7%8D%E5%93%8D%E5%BA%94%E5%BC%8F%E7%9B%91%E5%90%AC.md) [13、二面：使用 Ref绑定元素和绑定组件有什么区别？](13%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%BF%E7%94%A8Ref%E7%BB%91%E5%AE%9A%E5%85%83%E7%B4%A0%E5%92%8C%E7%BB%91%E5%AE%9A%E7%BB%84%E4%BB%B6%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [14、二面：Vue如何进行组件通信？](14%E3%80%81Vue%E5%A6%82%E4%BD%95%E8%BF%9B%E8%A1%8C%E7%BB%84%E4%BB%B6%E9%80%9A%E4%BF%A1%EF%BC%9F.md) [15、二面：Vue子组件如何暴露指定的数据和方法给父组件？](15%E3%80%81Vue%E5%AD%90%E7%BB%84%E4%BB%B6%E5%A6%82%E4%BD%95%E6%9A%B4%E9%9C%B2%E6%8C%87%E5%AE%9A%E7%9A%84%E6%95%B0%E6%8D%AE%E5%92%8C%E6%96%B9%E6%B3%95%E7%BB%99%E7%88%B6%E7%BB%84%E4%BB%B6%EF%BC%9F.md) [16、二面：Vue的watch和computed有什么区别，computed的缓存怎么实现？](16%E3%80%81Vue%E7%9A%84watch%E5%92%8Ccomputed%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%8Ccomputed%E7%9A%84%E7%BC%93%E5%AD%98%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%EF%BC%9F.md) [17、二面：Vue的watch和computed具体怎么实现的？](17%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVue%E7%9A%84watch%E5%92%8Ccomputed%E5%85%B7%E4%BD%93%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%E7%9A%84%EF%BC%9F.md) [18、二面：Vuex 和 pinia的区别](18%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVuex%E5%92%8Cpinia%E7%9A%84%E5%8C%BA%E5%88%AB.md) [19、二面：Vuex为什么不能要区分mutation和action？](19%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVuex%E4%B8%BA%E4%BB%80%E4%B9%88%E4%B8%8D%E8%83%BD%E8%A6%81%E5%8C%BA%E5%88%86mutation%E5%92%8Caction%EF%BC%9F.md) [20、二面：Vuex如何去拦截阻止直接修改state？](20%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVuex%E5%A6%82%E4%BD%95%E5%8E%BB%E6%8B%A6%E6%88%AA%E9%98%BB%E6%AD%A2%E7%9B%B4%E6%8E%A5%E4%BF%AE%E6%94%B9state%EF%BC%9F.md) [21、二面：Vuex modules模块切割，如果不同模块有同名的getters和actions函数，会有什么问题，怎么避免这个问题？](21%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9AVuexmodules%E6%A8%A1%E5%9D%97%E5%88%87%E5%89%B2%EF%BC%8C%E5%A6%82%E6%9E%9C%E4%B8%8D%E5%90%8C%E6%A8%A1%E5%9D%97%E6%9C%89%E5%90%8C%E5%90%8D%E7%9A%84getters%E5%92%8Cactions%E5%87%BD%E6%95%B0%EF%BC%8C%E4%BC%9A%E6%9C%89%E4%BB%80%E4%B9%88%E9%97%AE%E9%A2%98%EF%BC%8C%E6%80%8E%E4%B9%88%E9%81%BF%E5%85%8D%E8%BF%99%E4%B8%AA%E9%97%AE%E9%A2%98%EF%BC%9F.md) [22、二面：子组件更新，父子组件生命周期触发顺序；父组件更新，父子组件生命周期触发顺序](22%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E5%AD%90%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%EF%BC%8C%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E8%A7%A6%E5%8F%91%E9%A1%BA%E5%BA%8F%EF%BC%9B%E7%88%B6%E7%BB%84%E4%BB%B6%E6%9B%B4%E6%96%B0%EF%BC%8C%E7%88%B6%E5%AD%90%E7%BB%84%E4%BB%B6%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E8%A7%A6%E5%8F%91%E9%A1%BA%E5%BA%8F.md) [23、二面：介绍一下flex布局](23%E3%80%81%E4%BB%8B%E7%BB%8D%E4%B8%80%E4%B8%8Bflex%E5%B8%83%E5%B1%80.md) [24、二面：flex-shrink如何计算缩放比例，给了两三个场景去计算](24%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Aflex-shrink%E5%A6%82%E4%BD%95%E8%AE%A1%E7%AE%97%E7%BC%A9%E6%94%BE%E6%AF%94%E4%BE%8B%EF%BC%8C%E7%BB%99%E4%BA%86%E4%B8%A4%E4%B8%89%E4%B8%AA%E5%9C%BA%E6%99%AF%E5%8E%BB%E8%AE%A1%E7%AE%97.md) [25、二面：除了flex-shrink值还有什么会影响缩放？](25%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E9%99%A4%E4%BA%86flex-shrink%E5%80%BC%E8%BF%98%E6%9C%89%E4%BB%80%E4%B9%88%E4%BC%9A%E5%BD%B1%E5%93%8D%E7%BC%A9%E6%94%BE.md) [26、二面：algin-item和algin-content有什么区别？](26%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Aalgin-item%E5%92%8Calgin-content%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [27、二面：Css响应式方案有哪些？](27%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9ACss%E5%93%8D%E5%BA%94%E5%BC%8F%E6%96%B9%E6%A1%88%E6%9C%89%E5%93%AA%E4%BA%9B%EF%BC%9F.md) [28、二面：使用百分比%会有什么问题，比如margin padding是相对于谁的？](28%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E4%BD%BF%E7%94%A8%E7%99%BE%E5%88%86%E6%AF%94%E4%BC%9A%E6%9C%89%E4%BB%80%E4%B9%88%E9%97%AE%E9%A2%98%EF%BC%8C%E6%AF%94%E5%A6%82marginpadding%E6%98%AF%E7%9B%B8%E5%AF%B9%E4%BA%8E%E8%B0%81%E7%9A%84%EF%BC%9F.md) [29、二面：map和object对象有什么区别？](29%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Amap%E5%92%8Cobject%E5%AF%B9%E8%B1%A1%E6%9C%89%E4%BB%80%E4%B9%88%E5%8C%BA%E5%88%AB%EF%BC%9F.md) [30、二面：map和object如何互相转换？](30%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9Amap%E5%92%8Cobject%E5%A6%82%E4%BD%95%E4%BA%92%E7%9B%B8%E8%BD%AC%E6%8D%A2%EF%BC%9F.md) [31、二面：编程实现数组push方法](31%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E7%BC%96%E7%A8%8B%E5%AE%9E%E7%8E%B0%E6%95%B0%E7%BB%84push%E6%96%B9%E6%B3%95.md) [32、二面：编程实现订阅发布](32%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E7%BC%96%E7%A8%8B%E5%AE%9E%E7%8E%B0%E8%AE%A2%E9%98%85%E5%8F%91%E5%B8%83.md) [33、二面：编程实现bind](33%E3%80%81%E4%BA%8C%E9%9D%A2%EF%BC%9A%E7%BC%96%E7%A8%8B%E5%AE%9E%E7%8E%B0bind.md)