京东前端面经

        这一期把京东二面剩下的问题复盘一下，主要是针对构建项目中的各文件的作用。考察的点很细很细，工程化根本不需要问多复杂的原理，问这些答不上来就能知道你水平如何了，我答得特别烂，但是学习了很多东西。1.package.json文件中的script部分是干嘛的，scrpit中有个dev指令，后面配置了vite，这个vite哪里来的，如何运行起来的？        这个问题想回答好首先要知道package.json文件是干嘛的，里面的scrpit应该大部分同学都知道，但是vite从哪里来可能是大部分人没想过的问题。        关于package.json：在每个前端项目中，都有 package.json 文件，它是项目的配置文件，常见的配置有配置项目启动、打包命令，声明依赖包等。当我们克隆一个新的项目到本地时，需要执行 npm install（yarn install）命令来安装项目所需的依赖文件。当执行该命令时，就会根据 package.json 文件中的配置信息来自动下载所需的模块，也就是配置项目所需的运行和开发环境。package.json 中最重要的两个字段就是 name 和 version，它们都是必须的，如果没有，就无法正常执行 npm install 命令。npm 规定 package.json 文件是由名称和版本号作为唯一标识符的。        scrpits部分就是配置了我们常用的开发、打包等指令的，如我们常见的npm run dev和npm run build为什么能够运行或打包项目就是在这里进行了配置        那么vite是如何被找到的？我当时的第一反应是下面配置的devDependencies中有vite，这当然有关系，但是这只是配置了vite作为开发过程中的依赖，而真正能够让他被使用的包则是在node_modules中。我的理解是，当我们安装或者新建一个项目时，开发所用的devDependencies将vite作为我们开发时的依赖，通过这个配置让我们的程序关联上node——modules中的vite工具，再通过scripts中的指令调用。2.devdependencies和dependencies的区别，如果这两块的东西都写到devdependencies或dependencies里面有什么区别？        通过名字大部分同学都知道devDependencies配置的是开发环境所用的依赖，dependencies配置的是生产环境中的依赖。        他俩的详细作用如下：        dependencies 字段中声明的是项目的生产环境中所必须的依赖包。devDependencies 中声明的是开发阶段需要的依赖包，如 Webpack、Eslint、Babel 等，用于辅助开发。它们不同于 dependencies，因为它们只需安装在开发设备上，而无需在生产环境中运行代码。当打包上线时并不需要这些包，所以可以把这些依赖添加到 devDependencies 中，这些依赖依然会在本地指定 npm install 时被安装和管理，但是不会被安装到生产环境中。        那么如果这两块的东西都写到devdependencies或dependencies里面会影响什么？如果你的项目会被发为npm包被使用，那么devdependencies，dependencies必须分开写；如果并不发布，那么声明在dependencies 和 devDependencies 中的依赖没有大的区别。        如果安装一个npm包，那么这个包的dependencies意思是在运行时还需要依赖什么其他的包才能满足你的运行要求。安装的时候会安装这个包的dependencies，并且是向上递归的（可以看图2网友的解释）。3.编译完的dist和node_modules有啥关系吗，部署的是dist，node_modules会部署吗？        在构建项目的过程中（将源代码转换为 dist 中的可分发文件时），构建工具可能会读取 node_modules 中的包。例如，在使用 Webpack 构建一个包含 React 应用的项目时，Webpack 会从 node_modules 中找到 react 和 react - dom 等相关包，然后根据项目的配置将这些包中的必要代码与项目的源代码一起进行处理，最终生成的优化后的文件存放到 dist 中。        在开发过程中，开发者会在 node_modules 中安装各种开发依赖和生产依赖。当项目准备部署时，构建过程会将这些依赖的相关部分（根据代码的引用情况）正确地整合到 dist 中的文件里，从而确保项目在生产环境中能够正常运行，生产环境中不需要直接访问 node_modules 文件夹。        项目最终在 dist 中的可分发文件可能依赖于 node_modules 中的包所提供的功能。比如一个基于 Vue.js 构建的项目，node_modules 中的 vue 包提供了 Vue 框架的核心功能，构建工具会将这些功能整合到 dist 中的 JavaScript 文件里，使得浏览器在加载 dist 中的文件时能够正常运行 Vue 应用。4.pnpm-lock是什么        pnpm-lock.yaml 是 pnpm 包管理器生成的锁定文件。它类似于 npm 的 package-lock.json 或 yarn 的 yarn.lock 文件，用于记录项目的依赖关系和确保在不同环境中安装相同的包版本。        当你使用 pnpm 安装依赖时，它会自动生成 pnpm-lock.yaml 文件。这个文件包含了项目的依赖关系树，以及每个包的版本信息和依赖项的精确版本范围。这样，当你在不同的环境中重新安装依赖时，pnpm 会根据 pnpm-lock.yaml 文件来确保安装相同的包版本，以保持项目的一致性。该系列往期链接：第一期：https://www.nowcoder.com/feed/main/detail/a79cb52ce00c4f6d874683e65b8eb718?sourceSSR=users第二期：https://www.nowcoder.com/feed/main/detail/04aee48cc23f4b09a04d0dba327f0c5d?sourceSSR=users第三期：https://www.nowcoder.com/feed/main/detail/0195906f12dd4fc0826251e9ceee19ab?sourceSSR=users第四期：https://www.nowcoder.com/feed/main/detail/2c0a525fa04240778e6c43d7d355a7ca?sourceSSR=users第五期：https://www.nowcoder.com/discuss/673869939018588160?sourceSSR=users京东二面面经：https://www.nowcoder.com/feed/main/detail/18cb2c4275544c79af169aa92d2c3fd1?sourceSSR=users#牛客在线求职答疑中心##我的求职思考##京东##软件开发2024笔面经##前端#

许愿一个二面 tl: 10.16boss投递，10.17电话约面，10.21面试1. 自我介绍2. 学前端的方式3. JS数据类型 4. 异步，事件循环 5. 接触过比较复杂难实现的样式么？（想了半天也没想出写过啥特别复杂的样式）6. 两栏布局 7. flex属性 8. git冲突怎么解决 9. 浏览器存储 10. http和https 11. 状态码 12. 代码输出题，类似 [1,2,3,4,5].foreach( await sleep(1000); console.log())这种13.一个比较简单的JS数组转对象14. 反问无leetcode手撕三天了没后续联系，感觉多半凉了

10.11 boss投简历10.12 上午一面，面完约下午二面更新：二面hr面，口头意向一面：（记不太清了第一次面试不知道用什么记录面经）1. 自我介绍2. 项目难点3. 项目中的轮询方法实现（感觉答得不好）×4. echarts库用了哪些图表，有没有遇到过饼状图标签太长重叠的问题（不会就是没有遇到过）×5. vue2、vue3 区别（答了响应式原理、api、生命周期、新的组件、ts支持）6. computed和watch的区别7. 有没有遇到过内存泄漏（不会就是没遇到过）×8. 防抖节流9. 后端发请求在什么生命周期（onMounted 还是onBeforeMount）10. 插槽语法、插槽传参×11. element样式覆盖，样式渗透×12. 数组方法13. 判断数据类型14. 深拷贝浅拷贝，项目中有用过么15. flex属性 ，flex：116. 状态码17. vue组件传参方式二面：hr面，介绍公司具体细节、对ai的看法、什么时候入职本科200/day，硕士300/day，外地本科250/day打算再观望一下，看看别的机会

是从后端调剂到前端的，不过还是有点前端的技术（基本只会原生js）。不过没有后续意向，可能排序后凉凉了，就不该浪费时间尝试这个的。更新：官网查询发现已挂TimeLine一面（hr面）8.27二面（技术面）8.30三面（技术面）9.06四面（线下hr面）忘了，，，二面（1）选择前端的理由（2）TLS握手过程（3）输入url到页面显示的过程，重点是最后拿到资源页面渲染的过程（4）数组链表栈队列，以及应用场景（5）js的异步（6）大前端的垂直领域想有什么建树三面（50min）1.讲一下实习项目，做了什么优化；2.有很意向的岗位吗，比如后端前端客户端；3.对什么东西感兴趣，有什么心得，遇到过什么挫折，怎么解决的；4.读过什么框架的底层代码。5.Vue或react用过吗（完全没用过）