5.23上海诺舟数智 1面 20min

05-15 百度小度 日常前端实习一面 25年的第一个大厂面试，晚上七点面试，紧张的一大早五点多就醒了，上早八也才七点半醒来，太没出息了，然后不出意外回答一坨 面试时长：30mins(回答的太拉了，面试官都没心情问了) 地点：百度的一个叫如流的平台，类似与tx会议那种  自我介绍（感觉确实有点紧张，自我介绍也没介绍好，真fw呀） 项目的中的一个，你觉得有意思的，有成就感的，有难度的点，我先说亮点， 一会儿他说这个不用你说，你就说你有没有遇到过什么难点困扰你好久才解决的， 然后我说项目对应的node docker部署当时研究了一段时间，也可能是我没有说清楚，我回答完他疑惑：这，前端不就打包部署到...

- - 公司用vue31.css语法及其新特性2.项目中有用哪些css选择器？3.css选择器优先级4.css中实现渐变背景有哪个属性，怎么写？5.css动画，animation和transition的区别？6.自定义上下不定跳动的动画怎么实现？7.css鼠标悬停提示，怎么实现？8.用过less或sass吗9.怎么在项目中引用并使用less的？10.less里面定义了变量如何在css里使用？11.用过less里面的函数吗12.es6语法有哪些新特性？13.var let const区别？14.怎么通过原型链方法判断变量是不是一个数组？15.typeof和instanceof区别？16.什么是作用域？(答错了，答成作用域链了)17.箭头函数和普通函数的区别？18.数据解构用在哪些方面？19.数据解构的优点和缺点？20.js异步方案有几种？21.在promise.reject().then()里面再返回一个promise，结果可以从哪里获取到？22.项目中用了哪些vue的方法或API？23.vue3不用setup()怎么去写组件？24.父组件有钩子函数，子组件也有钩子函数，它们执行顺序是怎样的？25.vue3里，若父组件里面有异步组件，它们的生命周期函数执行顺序是怎样的？26.computed和watch的区别？27.vue3组件之间的数据传递怎么实现？(组件通信)28.用到了pinia哪些方法或语法糖？29.pinia中定义action，怎么在组件中使用action？30.路由配置在后端时，怎么动态加载到页面上？31.vue-router哪个方法 动态追加到路由上？32.路由传参有几种方式？33.封装过哪些组件？34.做过哪些Webpack打包优化，配置，插件？35.还了解过哪些打包工具？36.git用ui界面还是命令？37.git常用命令？38.git fetch和pull区别？39.本地新建一个分支，推送到远程仓库，用什么命令？40.用过哪些node.js相关的东西？41.了解过node.js框架？

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

时长45分钟 欢聚集团1.什么是盒子模型2.日常开发中使用过什么选择器3.伪元素和伪类的区别（css 问题到此为止）4.讲讲什么是闭包，闭包有什么优点，会出现什么问题5.讲讲 this 的指向问题6.讲讲原型和原型链7.原型链有什么用8.讲讲类型断言和类型解释（typeof,instanceof）的区别9.我看你使用过 typescript,讲讲你为什么使用 typescript10.讲讲你对 js 和 ts 的区别的理解11.讲讲你对明明使用静态语言却还用 any 的看法12.你在代码中会用 any 吗（我说一般会定义 interface)13.讲讲定义 interface 和 any 之间的区别（js/ts 的问题应该是到此为止，可能还有但不记得了）14.讲讲你对 hooks,函数式组件，类式组件的区别（本人从生命周期的角度回答）15.你认为 hooks 有什么缺点（本人说只能在外部使用，在 if 和 while 不可使用，可能不是很灵活）16.你知道为什么 hooks 不能在外部使用吗？17.如果我有在 if 和 while 中使用 hooks 有什么解决方案吗（人麻了）18.如果是你，你会根据什么角度来选择使用 useEffect 和 useLayoutEffect19.讲讲你对 useContext 的理解20.useContext、zustand 和 Redux 的区别因为腾讯会议时长只约了 30 分钟，到这里应该 30 分钟了，可能还有一些问题但是我忘了（悲）你的项目中有什么亮点吗，可以和我说一下（现场看我简历，于是延长了 15 分钟。。。）21.讲讲你项目中的一些功能22.我看你会做一些性能优化，你是怎么实现的呢23.你为什么会想着去优化压缩项目体积呢24.你说你使用了 http/2,为什么 http/2 能比 http/1.1 更加节省资源呢25.怎么看到资源更加节省了呢26.你对虚拟列表的原理有了解吗27.你的项目中是一开始就使用了 vite 吗28.为什么会想着做一个中间件呢29.你提到你了解 NodeJS,有使用过吗30.讲讲 useCallback,useMemo31.具体讲讲 useMemo反问环节45 分钟全是八股，人麻了时长 45 分钟 中科紫东太初1.我对你的第一个项目比较感兴趣，有在线网址吗2.你的动画挺好看，使用了哪些库3.讲讲中间件的功能4.查询准确率只有 85%，可是对于后端这样需要准确率较高的场景会不会有什么问题5.是怎么记录首屏加载时间的6.你是怎么实现 CI/CD 的手撕题：React todolist 面试官人很温柔，基本一直在提醒，看我在思考，还写了一段代码给我看（感动）## 总结一天两场面试，累倒也没有，还是有得到锻炼发现了自己的不足