前端八股

#前端##前端开发[话题]##前端offer##前端面试必备宝典##前端八股#

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

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

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

面试官是主管姐姐，全程微笑，还给我耐心讲解和解答，感觉又是自己的能力配不上这么好的面试官的一次面试，然后今天才从同学那里知道面试的时候弄个虚拟背景不是很友好，可能显得我不是很尊重人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. 最后一个问题，你为什么弄了个虚拟背景

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

👥 面试题目(全程项目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.两数之和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😵

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

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

👥 面试题目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.这个笔记的项目中静态资源是如何存储处理的

大致的学习路线  介绍一下项目  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还没写项目实习还要准备什么？一般去哪些地方投简历啊前端面经看哪些啊面试还要准备哪些啊

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

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有了解吗？

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