这一期把京东二面剩下的问题复盘一下，主要是针对构建项目中的各文件的作用。考察的点很细很细，工程化根本不需要问多复杂的原理，问这些答不上来就能知道你水平如何了，我答得特别烂，但是学习了很多东西。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笔面经##前端#

拼音变量,敏感信息放前端就能看到,也就离家近点.公司技术都是新招的,也就3、4个人,该不该跑路啊?

        今天分享一下美团和蔚来面试中遇到的一些问题。1.（蔚来二面）在forEach和map里面对遍历的值进行改变会影响原数组吗        认真背八股的同学肯定都记得，forEach不会返回新的数组，只是遍历每一项并做计算，map会返回新的数组，所以理所当然的想map不会改变原数组，forEach...会怎么样？？想到这里就错了，这也是我当时的思路。        事实上这个问题跟上面那个八股完全没关系。试想一个函数，传递了参数进来并改变这个参数，会不会对原来数据进行改变呢？这个题是在靠这个，需要分类回答。        数组中数据为基本数据类型时，forEach和map都不会改变原数组；数据为引用数据类型时，map和forEach都会改变原数组。在使用 forEach 和 map 方法时，对引用类型元素的修改会直接反映在原始数组中。这是因为引用类型的元素实际上存储的是引用（内存地址），而非值本身。因此，通过引用可以访问和修改原始数组中的元素。而number,string,Boolean,null,undefined这些基本类型在栈内存中直接存储变量与值。2.（美团到家一面）为啥会出现箭头函数        这一个问题可以去b站渡一老师的小视频里看看。        肯定很多人跟我一样第一时间想到的是箭头函数和普通函数的区别，那为啥有这些区别，为啥要单独搞个箭头函数出来？难道只是为了简单吗。其实原因只有一个：消除函数的二义性。 在出现箭头函数之前，函数可以直接被调用，也可以被new当作构造函数使用，这就是函数的二义性。而这种二义性的存在是会给开发带来负担的，因为创建者并不知道未来函数的调用者是如何使用这个函数的，所以后来先在命名上做了规范：小写开头的函数是直接使用的，大写开头的是构造函数。但这种规范也不是强约束，毕竟既可以Number()，又可以new Number()，所以为了消除这种二义性，创造了箭头函数和class，箭头函数只能() => {}，当作普通函数调用，而class只能被new，这就刚好对应二义性的两种用法，解决这种复杂情况了。————————10.10补充————————        感谢牛u的提示，这边还有一个点补充。        箭头函数的出现解决了this的复杂指向问题。        举例如图3所示，当调用show方法打印this.x的时候打印的是undefined。这是因为当代码执行到了setTimexout( )的时候，此时的this已经变成了window对象（setTimeout( )是window对象的方法），因此会在window上查找x，找不到，就输出undefined。        而如果是箭头函数，箭头函数的this是定义时就确定的，因此箭头函数的this指向的是obj，输出的就是obj.x。这样就解决了普通函数在当作回调函数传递的时候this变化带来的麻烦，否则就要用全局变量或者闭包之类的方法。3.（美团到家一面）obj对象中有一个方法，用obj.a()和(obj.a)()去调用分别输出什么（a方法中输出this.name，obj和全局都有一个name属性）？        这个题其实是当时考的一个输出题（图1）。下来尝试了一下，答案是没区别，都输出obj对象中的name。        这个题我一开始以为(obj.a)()这种调用就跟let b = obj.a，然后调用b()这种形式一样，但不是这样的，这个点可以记一下。        然后还要注意的一个点是，如果这个方法是箭头函数的形式（图2），那么this指向就不一样了，指向的是window。所以会在window上面去找name。那么这个时候输出什么？        是不是很多人脱口而出，“输出hong！”        恭喜各位掉到新坑了，这个时候输出是空（什么都没有：“”）        因为let和const定义的变量是不会挂到window对象身上的，如果改成var就能输出hong了，大家可以自行尝试一下、        （上面这个点个人认为还是很细的，一定要小心）                这几个是自己踩过的坑，第三点应该很多同学都会想错。        欢迎各位评论区交流~#24届软开秋招面试经验大赏##软件开发2024笔面经##美团##蔚来##前端#

先讲讲背景吧，bg是民办二本，其实也算三本了，目前深信服保底，后续开的少的面试也不打算接了，点名数马，不做ai面试直接感谢信，可能后面牛客也不会怎么来看了，目前现有的这些动态我也不会删除，也算是记录我一路走来的经历hh，顺便也给高考失利，心中仍不愿放弃的他们一点希望吧，不至于像我当初一样到处找往届同bg的学长，挖掘他们零碎的从前hhh————————————写给往后的自己想了好久，记忆断断续续的浮现，想起自己这前20年奇幻经历，想起曾经在召唤师峡谷一路征战登顶，最后也没踏上职业赛场；想起中学晚自习和几个朋友一起训练比赛，最后也没能去了国赛；想起和ta兜兜转转6，7年，最后还是会面临分别人生皆是遗憾，可也不只有遗憾过程和结果到底哪个更重要呢？我也不知道五年后，十年后，再想到这些不知又是怎样一种心境，余生路漫漫呐每一次经历都教会你许多，请别重蹈覆辙你最怕矫情，也不善言辞，愿一帆风顺————————————写给看到这篇文章的大家感谢一路上毫不吝啬给予我帮助的前辈，朋友，我这人的运气真是好的离谱，每次到了关键时刻总有贵人相助，不胜感激还在继续奋战秋招的战友共勉，坚持到底，美好总会不期而遇，愿大家都能拿到满意的offer对于26届，27届以及往后的后辈，这条路也许会很难，走的很累的时候，不妨看看我这一路，或许能给困境中的你一点光最后感谢能看到这里的你，可能不久真的要离开牛客的大伙了，这里想借我曾看过的《人间失格》的一句话：相遇总是猝不及防，离别都是蓄谋已久，我们要习惯身边的忽冷忽热，也要看淡那些渐行渐远 #秋招#  #你的秋招进展怎么样了#