26前端报团取暖

1. 自我介绍2. 为什么参与开源项目（vtable）3. git使用情况4. git merge和git rebase区别5. 拷打项目6. 为什么做性能优化，怎么判断的性能优化，收益是什么7. 收益是怎么量化的8. 怎么优化反映全部用户的性能9. lighthouse关注哪些指标10. 这个指标包含接口请求吗11. 优化的性能具体源自于哪一部分12. 性能数值绝对值变化是多少13. 网络传输占比大还是前后端请求？14. 前端页面实际上是有缓存的，怎么对二次打开此页面的用户进行性能优化15. 平常怎么学习，看哪些前端文章16. 为什么有时候height：50%不生效（前端文章提及）17. 手...

没有自我介绍，直接从项目开始结合八股开始介绍一下项目1. 你对 React 底层有了解过吗   我以为这是在问我有没有看过 React 源码，开始还有点想放弃回答的，后来我硬着头皮开始讲声明式编程，组件化之类的。。。   突然觉得不管怎么样，我觉得都可以讲讲和这些东西沾点边的，起码让面试官了解你知道什么吧哈哈（仅个人观点）2. 讲讲 React 的生命周期3. 刚才你在讲生命周期时提到了 useEffect 依赖数组不为空的情况，如果我想进行数据请求这些操作应该怎么处理依赖数组呢4. 那么你还用过什么其他的 hooks 吗5. useCallback 和 useMemo 之间的区别6. 组件之间的通信   我只讲了父组件向子组件之间的 props 传递和状态提升进行子组件之间同一变量状态的同步7. 那么如果我不想使用状态提升应该怎么办呢   我说可以使用 forwardRef 和 useImperative hooks 来实现将子组件中特定 DOM 元素暴露给父组件   还有一些状态管理工具 zustand,Redux8. 有使用过 Redux 吗9. 你的项目中有使用过 antd，讲讲你对它的一些看法   这里有点尴尬了，我一直以为只能`npm install antd`将所有的组件的下载，但是面试官说我玩的不够溜实际也可以向 Shadcn UI 一样实现按需下载10. 你的 webpack 是怎么配置的，是使用了默认配置吗，还是使用了自己的配置呢11. 你是如何实现的自动化部署呢（这个问题我觉得还挺频繁的，基本只要看了我的简历的面试官都问了，得仔细总结一下这个问题）12. 你使用过 vite 和 webpack，这两者你觉得有什么区别呢    我个人只从了开发环境下和一些其他小的方面的区别进行讲述，后来面试结束觉得可以再深入讲讲13. 你写到你会 flex 讲讲 flex 的一些常见属性14. 我有一个盒子，左侧元素在屏幕缩放时不变，右侧元素会按照缩放而变化15. Sass 的使用感受16. Sass 中样式的深度嵌套应该怎么写（应该是好奇发问，面试官应该没用过 Sass）17. 使用过的 git 的常见命令18. 合作开发中遇到冲突怎么解决19. git rebase 和 git merge 之间的区别20. 你为什么会觉得 git merge 会比 git rebase 更适合合作开发21. 你做过一些外包项目，这些项目是什么    Hugo,PHP 然后面试官听到我写过 PHP 再那里笑了好久：“哈哈哈，PHP，世界上最好的语言”貌似没了，然后写了一道很简单的算法这几次面试下来，我觉得我自己在知识方面上有进步之外，我也渐渐体会到了如何去把握面试节奏，面试不应该是一场严肃的知识问答而是一场畅快的技术交流。要去引导面试官问你会的问题，可以在对一个问题的讲解时将另一个（你熟悉的）知识点进行相关联，这样的话大概率面试官会去你问你提到的另外一个知识点，来把握面试节奏。当然我还是一个小白，只是将自己的理解分享，也希望给大家带来帮助

1. 自我介绍（说自己是大二的，伏笔）2. 怎么学前端的3. 你觉得前端是什么4. url输入到浏览器到渲染页面发生了什么讲的正起劲，打断我说问了hr说不招27届的，直接结束事后hr给我打电话一直道歉，说第一面的面试官对我评价很高，但是很可惜，以后有机会再联系现在想想面试真的纯看运气，估计到现在没有27的hc了吧，哎

面试了将近40分钟，前35分钟大概问一些js，css，html基础，还有vue语法。没怎么问项目。1. 自我介绍2. HTML5语义化标签有哪些？详细请参考-->https://www.w3school.com.cn/html/html5_semantic_elements.asp回答header,nav,article,aside,main,section,footer这几个差不多就可以了。3.HTML5语义化标签有什么作用？a.提升代码可读性与可维护性b. 优化搜索引擎排名seoc.增强无障碍支持总结：语义化标签是现代 Web 开发的基础，它不仅提升了代码质量和用户体验，还对 SEO 和无障碍性至关重要。建议在项目中优先使用语义化标签，仅在无法表达内容含义时再使用<div>和<span>等通用容器。4.给定盒子宽高，如何让盒子水平居中，说说你知道几种方法。可以参考-->https://blog.csdn.net/weixin_44335776/article/details/122699073直接用流式布局，如grid，flex,在设置主轴副轴对齐方式；也可以使用定位＋transform;定位＋margin。其实可以直接记住水平垂直居中，那水平居中就懂了。5.给一个字符串，然后将指定的字符替换成另一个字符。使用String.prototype.replaceAll(pattern, replacement)建议多看看Array，String,Object的实例方法或静态方法。6.如何优化首屏加载速度？这个内容很多可以参考-->https://blog.csdn.net/chaoPerson/article/details/1307435707.浏览器的强缓存和协商缓存策略。8.介绍一下浏览器的跨域机制，如果一个http协议的请求变成https请求，其他内容均不变，是否会发生跨域？9.localstorage,sessionStorage,cookie有什么区别，各自的使用场景？10.css的优先级排序。!important > 行内 > id > 属性 > 类 >html标签11.如何获取DOM元素，我是从js的原生api和vue框架提供的ref来介绍。12.面试官看到我的项目写了个将用户上传的图片上传到阿里云oss对象存储上，将我叙述一下流程是如何的？具体流程可以看黑马程序员javaweb课程的图片上传的视频章节，我是从那学的。13.Vue框架的声明周期是怎样的？14.typeof null 输出什么？ 输出object，这是一个js初期设计的失误，但是后面没有修正，详细可以自行搜索。15.在浏览器输入一串url，后续会发送什么？一般从计算机网络角度和页面更新渲染的角度入手。也可以顺带介绍浏览器缓存策略。其他的我就忘记了，主要是一些js基础，框架基础知识的考察，各位可以去b站搜索前端面试题八股文，有很多内容。问完问题就到了我提问了，我问了问公司的前端主要业务有哪些？是面向企业还是消费者的，他说都有，那使用哪些框架呢？回答说 vue2 和vue3，加上服务端渲染ssr技术nuxt.js,同时小程序会用uniapp技术。接着我问我想继续精进前端技术，建议我学习哪些技术？他回答巩固js和vue的基础，然后学习服务端渲染和uniapp等。我个人计划精进学习react框架，然后我对three.js比较感兴趣，也会学学这个。后面问了问还有几轮面试，得到结果是还有3，4轮。几天后收到二面通知，二面线上hr面试后无消息，无了。