前端八股

前端面试的项目推荐，想问八股资料大佬们一般是去哪里看的，有推荐的的话给个链接，不太知道怎么准备面试，求大佬们不吝赐教

知识点讲解在 JavaScript 中，函数内部的this 指向是一个非常基础、非常核心，但极其容易出错的知识点。很多同学在面试中知道结论，却说不清「为什么是这样」「在复杂调用场景下如何判断 this」。本文将从 this 的本质含义 出发，系统讲清 this 的所有绑定规则、常见陷阱，以及面试中一口气说清楚的标准回答。this 的本质含义在 JavaScript 中，this 表示普通函数当前的调用者。换句话说：this 的作用，是让函数在执行时，能够知道「是谁在调用我」，而不用每次都显式传入这个对象。非常重要的一点：this 只和函数的调用方式有关和函数的声明位置 没有任何关系这里的「普通...

面试官是主管姐姐，全程微笑，还给我耐心讲解和解答，感觉又是自己的能力配不上这么好的面试官的一次面试，然后今天才从同学那里知道面试的时候弄个虚拟背景不是很友好，可能显得我不是很尊重人1. 怎么学习前端的2. 推荐下你看的关于前端的书籍3. 讲一下原型链的概念4. 讲一下闭包5. 你遇到过内存泄露吗，有哪些解决方法6. Vue3中有没有可以提升性能的写法，或者是避免出现性能问题的写法7. 说一下this指向8. http状态码9. 提到了304跟缓存相关，说一下什么是协商缓存，什么是强制缓存，怎样实现协商缓存，代码层面或者是服务器层面怎样做10. 缓存过期的的时候，是服务器直接给一个新的资源，还是浏览器再发一次请求11. 请求部分的组成有哪些12. 说到请求头，你知道哪些常见请求头13. 跨域这个问题有遇到过吗，解决方法14. 解决跨域使用CORS的方式，Access-Control-Allow-Origin你觉得设置为`*`合适吗?15. Access-Control-Allow-Origin只能设置一个源，但是想要允许多个源，怎样解决16. 除了配置域名之外，还要设置其他很多的字段，你知道有哪些17. 说一下BFC18. 说一下你知道的CSS3 新特性19. 你知道去年的ECMA发布的新标准有什么吗，前年的呢，有去了解过吗20. 说一下你知道的不包括ES6之后的新特性，比较新的特性21. TS中有哪些类型操作的方法22. 看你自己写过一个组件库，说一下UI设计，代码设计思路23. 说一下组件通信方式24. 事件总线的原理，谁是观察者25. Vue3 响应式怎么实现的26. 你在开发的过程中，你能理解你说的这些吗，分支切换，自定义什么时候触发effect，调度器27. rollup有用过吗，webpack常见的配置，loader，plugin28. 最后一个问题，你为什么弄了个虚拟背景

对于空窗期这个问题，首先一点，最重要的是，不要悲观，一切事情都是可以解决的。看到有些人空窗期太久了，是职业污点，这真是有点小题大做，危言耸听了。如果你这段空窗期是因为做了一些违法的事情，那确实是职业污点，但是如果你只是单纯的休息了一段时间，那肯定不能说是职业污点了。对于HR来说，他们在意的，并不是你的空窗期，而是在意你这空窗期都干啥去了？会不会对你的岗位技能生疏了？会不会不能胜任岗位？当你简历一般，又没有明确说明这段空窗期干啥去了，肯定会让HR怀疑你是否具备面试成功的能力。尤其是现在这种市场竞争激烈的情况，HR每天看几十，甚至上百份简历，看到这种简历一般，又空窗期比较长的，为了减少试错概率，肯定直接就拒绝了。当然了，如果你技术能力很强，履历又好，那空窗期是完全不必担心的。理想哥最近就看到两个例子，第一个同学空窗期一年多，还是专科学历，简直难上加难，但个人履历好，有字节和腾讯工作经验，技术实力也很牛逼，最近也是刚入职某知名互联网公司了。另外一个同学，空窗期7个月，也是靠着自己勤奋刷题学习，最终拿到了一个40%涨幅的offer。如果面试官认可你的能力，空窗期你不用解释太多。如果不认可你的能力，你说的再怎么天花乱坠其实也是没啥用的。对于普通前端，遇到空窗期长这种事情，该怎么说？理想哥给大家说几个方法。如果你这段时间出去玩了，或者在家休息，那可以说自己这段时间重新回顾了前端工作，重新查漏补缺，在NodeJs、跨端、可视化等（选一个你最近学的技能点说）方向系统学习了下，重要的是，向面试官表达出，虽然你这段时间没有工作，但是你的技术能力没有拉下，千万不要说你这段时间啥也没干就在家躺平摆烂。如果是因为岗位少，自己选offer比较谨慎，就说自己一直在持续看机会，也拿过几个offer，但是觉得不合适，现在看到贵公司的这个机会，觉得挺适合自己的，所以来试试，希望能在贵公司有个比较好的发展。如果是去考研、考公务员或者考啥证书了，也可以实话实说，自己去考某证书了，但是结果不如人意，所以准备重新回来上班了。不用太过于恐慌空窗期，现在这市场环境不好，HR也是能理解的，重要的是，打铁还需自身硬，不断提升自己才是应对的终极法宝。有能力，空窗期一年多都没事，没能力，空窗期两个月HR都嫌弃。

👥 面试题目1.自我介绍2.快速排序3.两数之和4.盒子模型5.BFC规则是什么6.IFC是什么7.ES6新特性常见的8.改变this指向的方式9.隐式转换呢10.讲讲闭包的理解11.闭包的应用场景12.写一下防抖节流函数13.事件循环14.宏任务之间的优先级15.react的响应式原理16.render的过程，解析jsx的流程和原理17.react的diff算法18.vue的diff算法19.有没有做服务端缓存20.做过那些sql调优21.做过哪些webpack优化22.媒体查询怎么做的23.骨架屏原理24.首屏优化方案25.SSR为什么会首屏优化你实际操作过吗26.SSR存不存在跨域问题27.JWT认证过程28.http跟https的区别29.在那一层进行加密的太菜了G😵

大佬们，想问下组件库项目面试会怎么拷打啊，最近做了个组件库的项目，但是不知道面试会问什么，有没有大佬解答下😘😘

学校宣讲后的面试时间很紧，问的都是项目相关简历写熟悉异步？讲一下同步和异步（balabala）抛开前后端不谈，讲讲异步和同步的啥东西（忘了，没听明白，答的eventloop）用的是axios，用到了什么方面（拦截器。。）后台前端权限管理？怎么做的？（答得不好）promise和ajax讲一下（提到了mvc）mvc和mvvm讲一下（主要了解mvvm，mvc顺便了解）mvvm双向绑定怎么做的？（balabala）vuex用来做什么（登录查看权限。。。）单点登录原理？怎么做的（一开始说漂嘴了，后来改过来了）发面经积一下功德，网易过了吧

👥 面试题目(全程项目1h)1.你为什么选择前端，是基于什么考虑2.介绍一下你最近的这个项目3.从项目中学到些什么4.项目开发流程和规范5.你还了解其他类似next.js的框架吗6.登录方面你了解多少，为什么选择第三方登录7.它支持那些登录方式8.支持邮箱自定义登录你怎么做9.为什么要用token10.解决http的无状态还有那些方式详细讲讲11.cookie和session的区别12.token具体是什么，token的具体登录流程13.你使用的这个线上第三方数据跟mysql比起来有什么区别，你是基于什么考虑选这个的15.如果写一个比较复杂的mysql语句，那么第三方数据没有提供这个api你怎么办，是不是还需要些写类似mysql的语句16.mysql用的怎么样17.再展开说一下你理解的开发流程18.这个项目做完你觉得跟你理解的开发流程或者封装有什么不同吗（打开你的github具体去指出）19.react-router跟文件路由有什么区别20.它们的优缺点21.再讲讲其他点22.分享链接是如何实现的23.你有没有考虑到部分分享24.如果不能登录就能进行访问公开的笔记的话，那是不是接口也可以这样调用25.你的项目next.js用的是动态的还是静态的渲染26.对部署了解多少27.其他部署方式了解吗28.你在部署的时候遇到过什么问题，是怎么解决的29.你觉得你的项目中有哪些需要改进的30.为什么要这样做呢，你是怎么考虑的面试官全程引导，奈何还是自己太菜了，也非常中肯的给出了一些建议(再接再厉吧)

👥 面试题目1.设计一个倒计时的组件该考虑哪些问题2.受控组件和非受控组件3.useMemo和useCallback4.react的生命周期5.讲一下这个项目开发，是如何从0到1进行开发的，然后遇到的问题是如何解决的6.useEffect 阶段可以做什么7.react的diff算法比对流程8.state的值可以直接进行修改嘛9.react组件通信方式有哪些10.在项目中做过那些优化11.讲讲tailwindcss的优点和缺点12.样式不生效的情况有哪些13.浏览器输入url发生了什么14.这个笔记的项目中静态资源是如何存储处理的

#前端##前端开发##前端面试##前端八股##面经##面试##面试问题记录##现在前端的就业环境真的很差吗##牛客创作赏金赛##前端技术面试#

一面问题，纯纯八股拷打，而且说只面试一轮vue3怎么定义一个响应式变量ref和reactive有什么区别vue3中有哪些常用的指令v-if和v-for可以同时使用吗插槽组件之间是怎么通信的路由传参分为哪几种route和router有什么区别flex是做什么的？有哪些属性？

如题，背不下来啊啊啊好难 这八股一定要背吗

大致的学习路线  介绍一下项目  vue框架和原生有什么区别  vue框架做了什么？好处是？  vue中绑定节点的原理  项目的设计模式  反诈通这个项目实现的功能和板块  对于提升项目加载速度和运行效率是怎么做的  webpack能做什么优化，具体的优化是什么  webpack和vite的区别  nodejs用来干什么，作用是什么  express模块可以做什么  vue3和vue2的区别  objext.defineproperty和proxy的原理和区别  websocket的你是用来做什么，说说具体的做法  了解http吗？详细说一下  websocket和http的区别  有学过ja...

技术栈 三件套  es6  ajax  promise  axiosnodejs  vue全家桶   webpack  uniapp还没写项目实习还要准备什么？一般去哪些地方投简历啊前端面经看哪些啊面试还要准备哪些啊

我觉得主要还是因为现在大多数人的简历没有太多亮点难点，没办法快速区分，各大公司又对你一无所知，所以出一些算法题快速筛选下你聪明不聪明，尤其是字节拼多多这种不缺简历的大厂，每天都有大量面试者，这种做法更常见。现在的算法题早都已经不是之前的脑筋急转弯这种形式了，只要你聪明勤快，多刷下常见题型，再加上临场发挥下，还是可以应对的。反而简历中的项目亮点难点其实是更容易包装的，所以，很多大厂都采用项目经验+算法这种方式来组合面试。但是这种靠算法来筛选候选人的方式是否真的有效吗？对于最会做题的基层开发，确实是一个很好的方式。但是对于级别越高的资深前端，这种方式就不一定有效了，就像React 核心开发者 Dan 之前直播面试，一道找兔子的算法题，Dan 也是写了二十多分钟才写出来，难道你会因为 Dan 算法题写的不好，而认为你比他厉害吗？大公司的面试标准不一定就是对的，之前就有同学去面试字节，前面的题目都答的挺好的，就后面一道算法题没答出来就被挂了，这真的合理吗？这是在招揽人才呢，还是在招做题家呢？所以呢，大家也不用焦虑，千万不要有算法题没做出来等于能力不行这种想法，要有自信，面试官可能心里鄙视你连这么简单的算法题都不会，但是你反过来问他一些你擅长的问题，他可能也答不出来。就像我，都是裸面字节，从来没有背过leetcode，一面就挂了。

1. 项目是自己一个人做的吗？为什么要做这个项目？2. 权限分配是怎么处理的？3. 动态路由怎么做的？4. 路由使用的是hash模式还是history模式？5. 有学过Vue2吗？Vue2和Vue3的区别6. 项目里边用的是js开发还是ts开发？7. 你觉得ts比js有哪些优势，为什么要用ts，意义在哪？8. 做项目的时候有用过echarts吗？9. 说一下你对虚拟DOM的理解10. 说一下diff算法和nextTick，都有过了解吗11. 有自己做过组件封装吗？12. 除了Vuex还用过别的吗，知道Pinia吗，他和Vuex有什么不同13. 组件之间的通信方式14. 说一下ES6新特性，对Promise有了解吗？