【前端面经】京东物流-技术与数据智能部-前端开发工程师（JDY）

4.23号 30min 一面 北京1.问了我比赛经历2.对盒子模型的了解，用处3.vue响应式，proxy的缺陷4.两个代码输出问题(1)  var x，y=x=1;consolo.log(y)(2)   []==[] false5.两栏布局6.项目里首屏优化如何实现性能提升7.nexttick函数作用结束问我意向城市为什么没有北京（我也不知道咋就被北京捞了），我说哪个城市都可以然后喜提秒挂5.5号 45min 一面捞1.vue3手撕倒计时  计时器是准确的吗？为什么不准确（介绍了JS的异步原理）2.padStart 作用3.axios二次封装中，请求 响应拦截器都封装了什么4.共享屏幕的时候看到了我的面经整理，然后问我在面试中获得了什么，于是一通输出我的知识整理5.构造函数 原型链6.css问了position 水平垂直居中布局 box-sizing（css不熟，没答上来）7.盒子模型，宽高包含了什么面试官是温柔的小姐姐，结束问了我实习时间，实习地点等问题；夸我在面试中学习，学习能力很强，介绍了部门用的是vue25.8约了5.12的二面5.12号 20min hr面1.保研还是考研2.介绍业余生活做什么3.介绍项目，项目中除了技术还学到什么4.家庭情况，住址，家里几个孩子，有没有沟通过就业地址问题5.江浙沪发展比成都好，为什么考虑XX（因为主包是江浙沪的，这个不具备参考性）当场问hr面试评价，hr说挺好的，就是回答可以简洁一些。（是我太啰嗦了我知道）期待一个三面---------------------------------------------5.14约了5.15的三面5.15号 15min leader面全程无技术，闲聊让我讲了实验室的算法项目。官网显示面试完成期待oc---------------------------------------------5.16中午 oc询问了入职时间，hr说三个工作日发offer确认😘😘😘5.16晚上offer

1.前端工程化项目构建工具：使用自动化构建（Webpack, Vite）来处理和打包前端资源（JavaScript, CSS, 图片），从而简化开发流程，提升开发体验。这些工具通常支持模块化开发、代码压缩、混淆、热更新等功能。模块化开发：采用模块化的开发模式（如 ES6 模块、CommonJS、AMD 等），可以将代码拆分为更小、更易于管理的部分，有助于团队协作和代码复用。每个模块负责单一功能，并且通过明确的接口与其他模块交互。组件化开发：基于组件的思想构建用户界面，比如 React、Vue中的组件。组件是独立且可复用的 UI 构建块，它们封装了自身的逻辑和样式，可以在不同的页面或应用之间共享...

虽然时间过去很久了，但我觉得发出来也有用，但是...牛客发帖不支持 Markdown 格式吗---一面（2024/07/01）1. 自我介绍2. 学历、可实习多久、有转正打算吗、多长时间在写前端3. 代码输出题```JavaScript['1', '2', '3'].map(parseInt)['1', '2', '3'].map(num => parseInt(num))```4. 代码：节流，最后一个调用必须实现5. 代码：深拷贝6. 代码：有限制的并发7. 数组和哈希表插入、查找数据的时间复杂度8. 你会如何设计哈希表，没有碰撞的呢9. 说一下 TailwindCSS 的原子性（简历上提到的）10. 反问面试官面试时找我要简历，看起来很忙。手撕都不会，我好菜(ಥ_ಥ)

1.浏览器渲染过程（输入 URL 到页面展示）地址解析与网络请求用户在浏览器地址栏输入 URL，浏览器开始进行 DNS 解析（域名转 IP），建立 TCP 连接（三次握手），发送 HTTP 请求到服务器。服务器响应与资源下载服务器返回 HTML 文档，浏览器开始解析 HTML 流，遇到 CSS、JS、图片等资源时，继续发起请求下载。HTML 解析生成 DOM 树浏览器解析 HTML，构建出DOM 树（Document Object Model），这是页面的节点树，代表页面结构。CSS 解析生成 CSSOM 树浏览器解析 CSS，生成CSSOM（CSS Object Model），表示样式信息。...