前端凉经

1. 封装组件的话有用过插槽吗，作用域插槽呢2. 父子之间的传值是怎么传的，父子通信3. provide和inject用过吗，接受什么类型的数据，能接收函数吗（能）4. vue2中父与子生命周期的执行顺序5. 组件中的name和路由的name有什么作用6. 路由传参有params和query，params是怎么传值的（router中的name就是配合params进行路由跳转和获取动态的参数，而query是通过push路径的方式进行传值）7. vue中的keep-alive用过这个组件吗，不是HTTP中的8. 场景：没有在data函数中去定义，我是直接在mounted函数中直接用this.a等于1，然后我把这个a绑定在这个模板上，此时呢有一个按钮是改变这个a的值，把this.a变成等于2，那么这个模板中的a显示的值是1还是29. vue2响应式是怎么处理的10. ref和reactive的区别，分别去解构还会是响应式吗（reactive失去响应式，ref不会）11. watch和watchEffect用到过吗12. html中script标签设置defer和async有什么用13. cookie，localStorage，sessionStorage区别，两个标签页的sessionStorage能共享吗（不能），localStorage呢（能）14. vuex和pinia在两个标签页中能共享吗（不能）15. 二级域名下的cookie在一级域名下能拿到吗（不能），反过来可以，向下兼容16. 盒模型，content-box标准盒模型（它不包含margin，你实测过吗）17. 两栏布局，左边固定，右边自适应怎么实现（flex）18. 水平垂直居中布局19. 外层div设置了transform，内层设z-index=999生效吗20. 行内元素的margin和padding左右方向生效，上下不生效21. map和forEach的区别，可以链式写吗（链式的前提是有返回值，map可以写，因为有返回值）22. git的命令，删除本地的分支（git branch -d ），git pull和git pull --rebase的区别

1.闭包 节流2.搜索框用防抖还是用节流3.promiss.all4.组件通信5.flex布局6.宏任务 微任务7.移动端适配8.rpx和px换算9.轮播图实现10.手撕 eventbus11.手撕闭包实现防抖12.flex布局的样式场景题大概记得这些吧,这次比一面体验好多了,面试官是个很温柔的小姐姐,但我依旧答的依托........不过主包已经拿北银金科的口头offer了,正式offer还在流程中,不过就不过吧,我什么实力百度可能不知道,但我自己还能不知道么?

全程一个小时，手撕：promise跟数组路径拆分八股css盒子模型有哪些css选择器，选择器优先级如何实现水平垂直居中什么是bfcjs的数据类型什么时候用基本数据类型，什么时候用引用数据类型var、let、const区别事件冒泡和事件捕获的区别事件循环宏任务微任务for of和for in区别什么是闭包？除了闭包还有什么导致内存泄漏箭头函数和普通函数区别什么是原型和原型链cookie，localstorage，sessionstorage区别react常用hooksv-if和v-show区别v-model双向绑定实现原理重排重绘，如何优化跨域？为什么有跨域什么是同源策略vite相对于webpack的优点ref和reactive实现原理浏览器渲染过程vue组件通信方式选项式API和组件式API区别

1.自我介绍还有功能实现2.css3新特性 （选择器，文字特效，圆角radios，transform位移，旋转，缩放等）3.动画实现方式有哪几种（当时只提到了animation来实现，后面知道可以直接贴gif或者canvas和3d引擎来实现）4.如何隐藏一个元素（当时回答了v-show和v-if，emm后边面试官说不是这个的才回答visibility：hiden和display：none，不过其实还可以使用z-index:-1和opacity和scale缩放来进行隐藏）5.是否使用过媒体查询（emm，没听说过，后边了解到是能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。其原理就是允许添加表达式用以媒体查询，以此来选择不同的样式表，从而自动适应不同的屏幕分辨率。）6.css预处理器（less，scss 相同点:变量，继承，嵌套，混入，不同点：更多的数学函数支持单位运算）7.选择器权重8.position属性值，使用已经性能区别（relative，absolute，static，fix，粘性定位）9.js中脚本延迟加载方法有哪几种（promise，setTimeout等）10.作用域有哪些11.es6的新特性有哪些（class类，var，let，const，模块引入，promise，箭头函数，扩展运算符等）12.var，let，const区别13.数组循环方法（for循环，forEach，map方法）14.promise捕获异常从哪里获取15.vue中计算属性名与data中的同名吗（没听说过，不过网上说技术上可以但是不建议，因为有可能会导致混淆与覆盖的问题）16.vue常用的指令17.nextTick18.前端权限控制19.插槽20.具体怎么进行组件的封装呢，前端水印实现逻辑（添加使用 CSS 伪元素或者canvas）21.vue性能优化方法22.反问狠狠地拷打了八股，问了很久但是后边也没有具体下一次面试的消息什么的，堪称一次八股盛宴但是没用下文，唉，只能再慢慢接着再找找看别的工作哩

面试公司：字节面试岗位：前端积极准备了整整一周，还是以惨淡收尾，这几天甚至做啥都没心情了，感觉自己就是小趴菜。外加最近面了个某小厂，上来就考css有哪些函数，array有哪些方法，我还只能答个两三个，心态崩完了。但是晚上鼓起勇气想想，这又怎么样呢，比起更严峻的vaja，前端的行情已经好太多了。况且目前只是一面挫折，前方还有数不清的面试在等我（虽然大厂寥寥无几），还是得鼓起勇气向前看的，人类的赞歌就是勇气的赞歌。这里非常感谢阿里的面试官黑子佬，在淘系直接初筛就把我毙了的情况下，仍然愿意在下班时间为我提供大量的指导，让我知道当今互联网还是有那么一些人，坚守着本色初心，不带课挣钱，不图利割韭菜，传播...

头脑紧张有时候就是容易措手不及，简单的问题有时候也是答不上来许多QAQ1.自我介绍2.介绍生命周期与生命周期的作用3.是否实际使用beforeubmouted之类的函数4.介绍一下pinia5.pinia数据存储与使用响应式流程，pinia有几种属性，通过哪些属性存储6.vuex与pinia有何不同，vuex存储方式7.html标签语义化8.vue的自定义指令9.echats实现了什么图形，有什么属性10.反问

18线城市，原本是去一个比较小的公司面试前端实习生，结果到了公司：1.个人介绍是和人事说的😃2.技术监理根本没来直接把面试pass了，要求上机测试，我寻思着给了两个小时上机是干什么的？结果一看，我去，题目上直接写着：某大厂前端面试题好吧，如果是前端那我也认可了第一题数据结构，第二题计算机网络，第三～6题事件循环外带this题，然后是4题算法题😇后面还有好几题，这里就不多说了算法题给我干哪来了，虽然我也不是完全不懂，但是我记得我是面试前端实习对吧？我在网上看到的面试题基本都是写一些造轮子的，没想到会考我算法心凉了半截，答完了发现自己的排名甚至还在前x%呜呜呜，这么搞我只能去高中实习了😭

因为是线下，不是很记得全部的，上午去线下面，两个面试官对着问，然后出去的时候看到还有很多面试者，问了一下只有一个hc，估计是凉经，没有太大参考意义。1. 自我介绍2. vue3相对vue2的优点3. toRefs的原理4. 性能优化的工作，5. 讲一个封装业务组件或者通用组件是如何封装的6. 回流和重排7. 防抖和节流8. git pull 和git fetch的区别9. interface和type的区别问了很多简历上的项目的问题，不是八股了.....(想起来再补充)last.... 你有什么要问我们的