小厂前端面经

参加了作业帮北京的一面，整体八股文偏多，面试过程大概45分钟，中间穿插着读代码，最后有一个写代码的题。整个过程我是有问必答，因为都是平时面试经常会被问到的些问题，比如“闭包”，“vue2和vue3的响应式原理”，“websocket的心跳机制”等等，问过很多次，所以自己也是做了很多的思考和总结。因此回答的时候也是尽可能从设计和源码层面去解释，在这里就不展开细节说了。读代码环节也都是很基础的题型，比如考察var声明的变量导致的变量提升，宏微任务的日志打印顺序等，最后有一个红黄绿灯的间隔一秒输出打印。整体的感觉就是我自我感觉非常良好，并且以过往的面试经验来说，一面通过是有至少9成的把握。可面试结束后第二天就收到了简历进入他们人才库的邮件，还是感到蛮意外的。因此打电话问询了HR，想进一步了解不合适的具体原因。HR说只知道结果，不知道具体原因，最后就这样不了了之了。我也面了大大小小不下50家公司了，大公司小公司都有，只要真诚的主动询问面试未通过的结果，几乎所有公司都愿意给出不合适的理由和建议。再次回顾整个面试过程，没有发现有什么表现得不好的地方，面试官整个过程也没有提出任何质疑，也没有探讨。总而言之，就是一次体验非常糟糕的面试，浪费时间的一次面试经历。毫无成长性可言。

面试了将近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面试后无消息，无了。

回馈一下牛子，发一些小厂的面经~ 大厂面经随缘更新了，记录第一次找实习的日子。欢聚网络一面寄(第一次面中大厂，被拷打烂了)，小红书一面寄，字节二面寄(二面状态一坨狗是)，美团一面寄，哈啰已offer~迈出了第一步了，ACM区域铜邀请银勇闯前端，希望可以越来越好吧。小厂1：(1) 自我介绍(2) (3) 拷打项目(4)(5) 什么时候开始学习前端，学了多长时间。(6) 什么时候学习vue，学了多长时间。(7) vue2、vue3的区别。(8) computed 和 watch的区别，分别是干嘛的。(9) vue2、vue3分别是怎么实现watch侦听的，两者的区别。(10) vue3实现watch的proxy的缺点。(11) Es6常用的语法。(12) Promise是如何实现的。(13) let 和 const 的区别(14) let、const作用域的底层原理。(15) set 和 map的区别。(16)  如何改变this，后面提示了call, apply, bind，让我分别说说。(17) 在网页输入url，页面渲染出来的全部流程。(18)  浏览器渲染页面的流程。(19)  重绘和回流(重排) 的区别。(20)  项目遇到的困难，怎么解决的。反问：(1) 我：询问我的表现(2) 我：业务，技术框架小厂2：(1) 自我介绍(2) 项目拷打(3) websocket(4) 讲讲flex, 主要用到的属性。(5) let、var，const的区别。(6) 为什么选择前端。(7) 前端学了多久。(8) 前端是学校教的吗？还是自学。(9)  vue学习了多长时间， 是怎么学习的。(10) v-if 和 v-show的区别。(11) v-if 和 v-show哪个性能较差。(12) 有没有在日常项目中使用过。(13)  vue子传父通信(14)  vue父传子通信(15)  vue2的option api 中为什么data要是一个函数，而不是直接是一个对象。(16)  vue2和vue3侦听数据的区别。小厂3：(1) 自我介绍。(2) 项目主要做了什么？(3) 项目主要用了什么技术。(4) 我在项目中主要做了什么？(5) 怎么使用的，聊天窗吗？(6) 有没有用过什么UI框架。(7) 在项目中做了哪些性能优化？可以好好总结一下。(8) 是怎么优化缓存的。详细过程，全方位拷打。(9) 如果缓存那里是写死的，能不能固定下来，不需要每次都发送网络请求。(10) 还用过什么ui框架。(11) 为什么会用到 markdown.js。(13) 知道几种选择器，详细说说。(14) Less和Sass用过哪一个。(15) 水平垂直居中的方式？有点忘记了。(16) 说说你的项目团队。(17) 用什么管理代码的？讲讲git常用命令。(18) 用什么进行代码编写，会不会用ai去协助书写代码？(19) js的数据类型有哪些？(20) 引用数据类型和值类型的区别？(21) window对象  和  document对象分别是什么。(22) 跨域是什么。(23) 怎么将字符串转换成数字？说出了一种手撸的原始人办法，脑子有点过载了。(24) v-for的key是用来干啥的。(25) vue如何实现双向绑定？(26) 有没有了解过uniapp(27) 小程序学过吗(28) 有没有了解过react，会不会react。(29) 继续拷打项目...(30) 怎么学习前端的。小厂全过，小厂杀手

应届生前端八股文要学啥才可以准备面试呀，要背到啥程度