总结

107 阅读52分钟

百度

【一面】

css盒模型
css块元素和行元素
css水平居中
JavaScript 基本类型和引用类型
js原型链
事件循环
深拷贝和浅拷贝
父子组件间通信
vue nextTick
单页页面应用和多页页面应用
输入url后发生了啥
数组添加一个数字,vue怎么知道数组变化了
vue生命周期
还有其他记不清了

代码题
排序
数组随机打乱
输入一个数字 返回阶乘

一共三十多分钟,没问项目,面完秒挂

看别人都一个多小时,我就30多分钟

【一面 部门:小度 base:北京,下面三个都是,7月10号投,14号一面,17二面,20三面】

1. 自我介绍
2. 聊实习项目,技术难点,聊重构收益
3. 聊怎么接触前端,成长路线
4. html5语义化标签,css3新增特性
5. 获取dom的原生方法,怎么创建dom元素和修改元素
6. html渲染流程,重排和重绘,怎么避免重排和重绘
7. 2个页面之间通信的方法
8. jsonp的原理,跨域相关知识
9. node处理文件流
10. webpack生命周期与plugin
11. vite和webpack的区别,amd、umd如何配置
12. js的原型和原型链
13. js数据类型,symbol使用场景,typeof null,数组去重方法,[‘1’, ‘2’, ‘3’].map(parseInt)的输出
14. 手撕快排(双指针)
15. weakMap, weakSet, weakRef,垃圾回收机制,闭包
16. 微任务宏任务,看题写输出
17. css动画从屏幕的左边向右滑入,实现方式
18. 实现一个轮播图组件 ,讲大致思路就行 19. css预处理器,less,scss
20. vue常用指令和修饰符,及原理
21. 反问

时长1小时

【二面】

1.   自我介绍
2.   实习项目和科研论文,20分钟
3.   手写工厂模式,并实现继承,实现组合继承
4.   手写逆序数组
5.   手写遍历dom所有节点,返回标签名
6.   js事件响应机制,捕获冒泡
7.   tcp三次握手,浏览器发出请求到页面渲染发生了什么
8.   反问,10分钟

穿插着其它基础问题,没录屏,具体的忘了
全程1小时,问题都比较基础,会往深处问,扯远了再扯下一道题,面试官比较友好且健谈! PS: 怎么感觉像是kpi面

【三面】 1. 自我介绍
2. 前端的学习路线,为什么选择前端
3. 科研论文
4. 为什么选择base北京(其他城市没有hc啊喂,面试官尬笑)
5. 反问
全程半小时,应该是leader

字节跳动

【一面 7.19】

  1. 五分钟自我介绍(时间比较长,实习经历上面多讲了一些)
  2. 深挖实习项目(详细讲所做的工作、如何发现问题的)
  3. 实习期间的收获(自由发挥)
  4. hooks引入的好处(从类式组件+函数组件+引入hook3个方面说了说)
  5. 举出常见的hooks和应用场景(重点向useCallback和useMemo引了,面试官让详细讲了下)
  6. 写过哪些自定义hook(提前准备过)
  7. hooks的劣势(只答了异步更新和判断逻辑不能写hook)
  8. useMemo的底层实现原理(提到了useRef,面试官表示肯定)
  9. 判断逻辑为啥不能写hook(链表key对应问题)
  10. react中的hook和vue中的mixin区别?(不会,没接触过mixin)
  11. 讲解下js中的作用域(介绍概念后,往闭包引了)
  12. 为什么闭包中的局部变量不会被垃圾回收清理?(被内部所引用,不会被清理)
  13. 讲解下js中的上下文(往this指向和箭头函数、普通函数引了)
  14. 箭头函数引入的原因?(书写简易+可以获取当前的上下文,不过不太清楚对不对)
  15. 讲解js的call apply bind区别(八股)
  16. 算法:最长重复子数组(dp就行)
  17. 算法:括号匹配(判断好3个条件)
  18. 算法:数组拍平(递归)
  19. css实现水平垂直居中(flex)
  20. css实现两栏布局(flex)
  21. 反问

总结:个人感觉表现的还行吧。秋招上来就面字节(暑期简历挂),还是有点紧张的,也是恶补了好几天的code+八股+项目,大部分也算是捡回来了!

一面感觉是基础面,重点是了解了下实习经历,具体的项目难点也没有去深挖,八股也还行比较常见,感觉个人比较幸运吧,这次出的code都比较简单的,很快写完了,早知道不写那么快了,面试官看时间还没到就不断出题! 。面试官很好,面试过程会不断给予肯定!面试官还提醒二面三面肯定还是会挖项,说是今天时间不够了就没问,说如果面试通过了下去好好准备。

---------------------------------------------------------------------------------------------------------------------------------

开心!面试过程接到了百度的面试邀请,冲冲!

实习就写了简单的需求改改bug怎么吹:拿别人的吹

之前的

阿里云电话沟通啦15分钟左右,总结一下吧

  • 前端学习了多久?怎么学习的前端?有没有系统学习过(也就是看红宝书类似的书籍)?
  • 401状态码(没回答出来,才发现是当时准备的4xx面经里面没有)
  • js的原型链是否了解(说了解,就过了)
  • js垃圾回收,两句话总结(说的应该问题不大)
  • redux单向数据流问题(没回答出来,确实不会这个,就随便说了说,对方也说不太对)
  • react生命周期(说了解,就过了)
  • react是否看过源码(实话说了,没咋么看过)

下面是项目部分

  • 性能优化,除了简历上的,还用啥啦(就说啦代码层面,减少重排重绘,Fragment)
  • 项目难点是啥,怎么解决,有没有更好思路(就说了三级评论实现这个)

面试官给的建议:

  1. 说猜到我应该背过面经,但是有些地方回答的不是太仔细,应该加强一些(估计就是redux那里)
  2. react全家桶原理方面缺乏深入的研究,还有两个星期,可以加强补一下(意思应该源码部分应该看看的意思吧)
  3. 项目方面不尽人意,项目是挺好的项目,但是没有去梳理项目亮点和难点!需要去想办法找出一些亮点,吸引面试官。比如,对于性能优化,写上的那几条大家都能想到,应该尝试一些更有亮点的方式去优化
  4. 比如实现单点登录,可以给面试官讲登录的机制以及安全防范,任何一点只要能讲清楚,这个就算加分项啦

【项目:一个博客,一个仿旅游(慕课)】

image.png

航天某国企面试(问的很基础)

  1. 为什么考研
  2. JS闭包的理解
  3. Vue生命周期有哪些(Vue没怎么看,大部分忘了,就说了几个阶段
  4. Vue2和Vue3区别(不太清楚,就说了一个vue2和ts不太兼容
  5. 父子组件、兄弟组件如何通信,兄弟组件有几种方式
  6. 请求有哪些?get和post区别
  7. 讲下组件封装
  8. 全局状态管理是什么
  9. 前端存储方式有哪些,有什么区别
  10. 前端上传文件你有几种方式,有转base64吗(不清楚,就说了一个前端按钮,后端接受
  11. 图片怎么压缩(我就用过网上的压缩工具,其他方式不知道

总结:虽然问的大部分是基础的,但是后面的两个应用问题还真是没注意。

(应该是走走流程,简单的问了些)

保利威前端笔试

  • 选择题
  1. 哪些标识符是缓冲相关的(cache-control,etag)
  2. 原型知识点
  3. 求数组sort(主要针对,['100','500']这种字符串数组结果)
  4. 箭头函数和普通函数区别(箭头函数能用new关键词吗)
  5. v-for遍历,能否key做数组下标?vue2的动态数据是用es6的proxy?
  6. 哪些一定不会引起重排四个选项:visible,color,padding,boder
  • 简答题
  1. 什么是跨域访问,哪些跨域访问是允许的,哪些是禁止的(我回答的跨域图片,跨域链接,跨域样式表,跨域脚本,JSONP是允许的,就是HTML标签的src属性那上面的是允许的,然后跨域ajax请求,跨域iframe,跨域读取localstorage和sessionstorage是禁止的,不知道对不对)
  2. localStorage和cookie区别
  • 代码题(手写)
  1. 实现两个类,形状类和正方形类,使有计算周长和面积功能
  2. 使用Promise、async、await实现红绿灯切换,并在控制台打印输出,红灯:30s,黄灯5s,绿灯20s

总结:答的不是太好,基础有待提高,复现也要更全面一些

杭州产链数字科技前端一面

  1. 自我介绍(有点紧张,文本提前总结一下吧)
  2. 闭包的理解(√有些生疏,需再回顾下)
  3. 事件循环的理解(√)
  4. typeof和instanceof区别(√)
  5. 如果判断数据类型,还有哪种方法(√)
  6. 函数式组件常见hooks以及应用常见(忘说了useRef,useCallback)
  7. useCallback和useMemo区别(√)
  8. useRef除了获取DOM,还有什么作用(√,存储状态)
  9. axios二次封装,封装了什么内容?(问了两次了,需要好好看下!)面试官问:没有封装支持数据缓存或者取消重复请求的操作吗?(没有)
  10. TS好处(类型错误提醒,有利于项目代码后期维护)
  11. 有没有动手配置过wabpack?(有过,但是不太敢说)
  12. 反问:应该在哪些方面加强一些(知识面挺广,但是知识点还是需要更深入一些)

总结:问的比较基础吧,都是常见的八股。后面的话需要对于知识点做跟深入的了解吧

追一科技前端一面2.23+二面2.24

  1. css盒模型
  2. 简要介绍flex(回答的不是太有逻辑,有点乱)
  3. 水平垂直居中方式
  4. 浮动方式(相对定位不脱离文档流!但面试时候说成脱离文档流了)
  5. 行内元素和块级元素区别(关键的能否设置宽高没有说)
  6. 讲下css选择器(属性选择器和伪元素选择器没有说)
  7. CSS3常用属性 (答的非常烂)
  8. BFC理解
  9. JS数据类型
  10. 判断数组的方法(少说了一种)
  11. 原型链的理解
  12. 改变this的方式 (可恶,三种方式记混淆了 !)
  13. 先bing函数再call函数,最后this指向哪一个?(猜的是最后一个)
  14. 连续两次bind的this指向哪一个this?(猜的是最后一个)
  15. 闭包理解
  16. Promise的理解,Async、await写法的理解(感觉答的一般吧),Promise和Async、await写法有啥区别(就说了promise的处理情况更多样一些)
  17. 时间循环
  18. ES6新特性有哪些
  19. generte函数用过吗(就说没用过)
  20. 状态码(304没说,502没说,其他的基本都说了一遍),301,302状态码在项目中使用过吗?
  21. 讲下缓冲(没说协商缓存的具体字段)。强缓冲中的cache-control使用过哪些属性(说了max-age,但是说成绝对过期时间了,应该是相对过期时间)
    1. localsotrage和sessionstorage区别
  22. 什么是跨域?除了setupProxy和Proxy还有别的跨域方案吗(不太知道,说了后端也可以设置)。为什么要有跨域(说了是浏览器的安全机制)。安全方面的问题(说了XSS,CSRF)
  23. HTTP和HTTPS区别
  24. 三次握手为啥不是两次,和四次(之前看的历史请求问题吧,然后疯狂输出。。)
  25. 虚拟DOM是什么,主要作用?
  26. 改变state用什么方法?setState可以传对象吗(Vue知识点,忘了,说的可以传递)
  27. git的常用命令(就说了个人开发用的,分支哪些没说,但是每个命令的作用答的应该有出入,)
  28. wabpack打包过程(之前看过,但是感觉答的不太完整,后面需要着重看下这个知识点
  29. 面试官总结:基础知识掌握的可以,但是那个this指向说的不太好

总结:头次八股文问了这么多,挺累的一场下来,接近50min!考察的是很基本的知识点,个人感觉表现还行!,也说明之前背的有一定作用,不过后面还需要提高的地方:1.知识的细节地方要更注意一定,很多都是有一些小错误2.语速有点快,下次可以慢点

3.要更加注意引导面试官向自己掌握的知识靠近,反之,祸从口出,不要提及自己不理解的知识点!

***** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** *** **** 二面(20min)(2.24更新)

  1. 自我介绍
  2. 仿旅游网项目怎么实现这个登录注册的?(说了下jwt的基本原理,但是说错了一点,注册时候是后台不会返回token的!)
  3. token刷新页面需要重新登录吗?(不需要,token在redux中进行了持久化存储到了本地的storage中)token如果过期 了怎么办?(额额又是这个问题,就实话实话没有做token过期
  4. 项目功能的介绍(四个方面说了说)
  5. 项目的遇到难题(这个提前准备过,就说了用redux中间件解决异步请求的问题)
  6. 用antd中样式遇到过一些问题吗?(就说了默认的样式如果不符合自己想法, 就通过!important修改)important使用过程中遇到过什么问题吗?(不知道诶!
  7. 讲下第一个项目的性能优化(除了简历上写的说了一遍,也临时发挥,说了一些代码层面的优化)
  8. Hooks好处(说了代码更简洁、解决了函数式无生命周期无状态问题、相较于类似HOC更简单、避免了类式的this问题)
  9. Hook的问题(说了1.不能在if判断中使用hooks,简单说了下底层原理,2.会出现闭包问题)
  10. 有看过底层代码吗(说之前学习时候看过,但是不经常翻阅,很多忘了)
  11. 用Vue多还是React多?(说了react多,还解释了只要说js基础方面打好,框架用的其实差不多)
  12. 为什么学习前端?(兴趣)怎么学习前端(说了前期看书,后期主要通过网课+demo练习+实践项目)‘
  13. 你觉得前端是比较浅的东西吗?(那必须说不是!),然后就随便说了些,最后提到了后期个人会多学习源码,加深理解)面试官也说了我们通过源码可以学到一些很标准的编码方式,可以去学习下
  14. 算法对前端重要吗?(说的重要,举了个例子,在项目中对后台数据的处理)
  15. 反问:1.贵公司技术栈2.对于实习生的培养方式3.对面试的评价
  16. 面试官说很好奇我现在已经决定在前端方向走了吗?(我说是的,有点懵不知道为什么这样问!)
  17. 面试官总结:作为实习生,面试过程还是蛮不错的!!但是后期还是建议学习方式可以更多阅读书籍,相较于网课会更好一些!

清能互联网前端一面

开头闲聊(一进去,很干净的会议室,面试官是通过投屏进行的,很nice!

  1. 自我介绍
  2. 项目中的值得骄傲的地方(答了博客的三级评论,有一丢丢小乱答的)
  3. 性能优化中响应速度怎么看出提高70%的?(说了通过控制台,会显示DOM加载完成的总时间和各个文件的加载时间)
  4. 图片怎么压缩(就说了网上免费工具,但是感觉应该有其他方式,关于代码的)
  5. 类式组件和函数式组件的区别(说的不好,脑子糊涂了把hooks和函数式绑定一起了,实际问的是没有hooks的函数式组件!
  6. 为什么使用hooks,也就是好处(少答了类似组件复用复杂的这个,后面面试官提示了一下)
  7. 类式组件和函数式组件怎么复用的(函数式复用的方式感觉说的不太对)
  8. useState 是异步还是同步
  9. 都用过什么hook
  10. useCallback和useMemo区别(自己引出来的,答的还行),怎么用useMemo替代useCllback?(不会这个
  11. 父组件改变,不想让子组件改变,怎么做(应该是用react.Memo,这里忘了,没说出来
  12. fiber了解过吗(说了一些之前看过的,就说了fiber间断渲染效果
  13. JS数据类型
  14. 深拷贝浅拷贝区别,深拷贝实现方式(忘了是不是JSON.stringfy了,后面的也没怎么说了,这里之前看过挺复杂的,这种方法会出现的问题以及一些其他的解决方法
  15. 闭包的优点,项目中用过闭包吗(说了项目中滑轮节流操作),解释下怎么实现的(简单说了下,大致应该是对的)
  16. 函数颗粒化的理解(说了高阶函数,是层次调用的样子,就说了这些,感觉说的一般吧)
  17. BFC理解
  18. css样式隔离(之前没听过这个概念,面试官提示是防止命名重复问题,就说了模块化引入jss和外层用类名标记)
  19. URL输入过程(疯狂输出3min!
    1. 客户端接受返回的文件,怎么知道文件的类型的(就答了会有一个属性,好像text/html)
  20. 如何使请求永远走 协商缓存(不会!
  21. TS用过哪些知识(忘了很多,就说了type和接口,还有泛型)
  22. 类型保护(就说了在函数参数中进行变量的约束,不知道是不是答偏啦)
  23. 知道交叉类型和合并类型吗(忘了这俩概念啦,不过下来才发现知道这个类型约束,就说&和|的意思)
  24. 项目是个人开发吗?
  25. 面试官总结:总体不错,但是TS方面知识需要加强!CSS的样式要了解

颗粒化是Curry化那个嘛

城建面试前端电话一面

  1. 个人项目怎么写起来的(学习基础知识+做小demo+最后实践)
  2. 数组【1,2,3,4,5】有几种方式得到【3,4,5】(说了3中,fliter,splice(参数说错了),转换字符串,没有说slice方法)
  3. 后端怎么做(说node+express)
  4. 参加过算法比赛吗?

数组【1,2,3,4,5】有几种方式得到【3,4,5】? 1.最简单的for循环,去除后三个 2.for循环,shift()用两次,原数组改变 3.filter过滤 4.slice(0,2),获得新数组 5.splice(0,2),在原数组操作 6.转换为字符串,然后slice

耀乘健康前端一面(2.23--30min)

  1. 自我介绍
  2. 讲下最近印象深刻的项目(说了博客项目,然后详细讲了下功能)
  3. 面试官现场看项目了,然后问是否做了移动端适配,是否在移动端对导航栏侧边栏做了隐藏与显示(都做了,所以就正常说,但是面试官指出了移动端有一个细节错误
  4. 对于PC端,Ipad端、移动端等不同媒体类型 你会怎么做,你有什么方案(说了1.会使用媒体查询和viewpoint适配方法2.说了对于不同端,要对于页面信息的展示要有所调整,提高用户体验(这条纯凭感觉说的))
  5. 布局样式用了什么(就说了flex,grid没用过,祸从口出!后面面试官开始对flex疯狂提问
  6. 一个flex的盒子,一行只能装下3个item,你现在有10个item,而且他们都设置了最小宽度,现在是什么表现 (回答:如果设定最小宽度,超出的部分会看不见,如果没有设置最小宽度,会挤压成一行)
  7. 接上上面的,如果我设定了换行属性呢(回答:那超出的就会掉到下面一行,现在也就是4行的效果)
  8. 接上上面的,第一行中,3个item都设置最小宽度,那现在他们会被撑开吗(回答:是的)
  9. 接上上面的,让前两个item不变,第三个撑开怎么做(回答:给第三个设置为flex:1)
  10. flex是如何分配空间的,当空间不足或者多出时候
  11. 说下换行属性(回答:这里没印象了,瞎说了一个flex-row,应该是flex-wrap,面试官可能感觉知道我flex水平,下面就换了)
  12. 怎么做的请求(说了axios封装)axios做了一些什么处理比如鉴权?(说了携带token发起请求进行鉴权)
  13. 如果token失效或者过期,但是在某个页面,仍然发起请求,返回前端的response是什么?(实话说啦,没有做token失效发起请求会怎么样)随后面试官指出这样会造成严重问题,服务器很可能早到攻击,并指出,如果token手动删除,可以直接跳到登录页面,但是如果token失效,就需要后端去校验!!----(感觉说的非常有道理
    1. 4xx状态码说说(重点说了404,401,403)紧接着问是否对是否对401和403做处理?(说了在axios中二次封装,会用了请求拦截器和返回拦截器)面试官紧接着问拦截器都做了什么?(就说了请求拦截器加了token的携带,返回拦截器做了状态码的判断)面试官又问是否知道拦截器的执行顺序?也就是多个拦截器的情况(不知道这个,也没听清楚面试官说的例子
  14. ES6的import同步还是异步(回答的同步----猜的)
  15. export {a }和export default a的区别(就说了一个分别导出一个默认导出,切默认只能用一次,引用时候一个加{}一个不加)
  16. import后,在另外文件中修改引用的变量,是地址引用还是值引用,也就是导出的页面变量值也会变吗?(说的不变,值引用------不懂啊,瞎说的
  17. 根据上面,出了一个题,让求出打印顺序(整懵了,不会,最后随着感觉写了些--凉凉
  18. 反问让面试官评价:基础应该加强一些,JS,可以多刷刷面试题,对于大部分应届生项目都差不多,最大的亮点还是基础的掌握

总结:差!差!面试官比较注重细节的知识点吧感觉,没有全方面的八股文考察,整场抓住这个flex,axios二次封装,es6导出导入一直问,循环渐进的增加深度,整的我不会啦!平常这些可能也只会简单用下,或者用的过程没有在意的细节点,这些确实没有深入研究下,所以今天的面试一下子体现这些方面需要更扎实的基础掌握!诶也是个教训,你说出的某个技术,可能就会把你带进去!!周末两天好好总结一下吧!**

主要问的是commonjs和esmodules的区别 可以看看

二面好像写了写场景题axios封装啥的,然后就是八股,没啥东西

15,esm异步,cjs同步 17,esm值引用,cjs值拷贝,所以值会改变,地址引用。我刚才看了看,esm应该是地址的引用,也就是值会发送变化。cjs是值的复制,不是引用

总结: 第六题:应该是会超出父元素的范围,因为有了min-width,就不受flex控制。 反之,如果设置的是width,item如果总宽度超了的话flex会将其挤压

总结: 第八题:如果设置min-width和width的几个item加起来不超过父元素的width,那么不会自动撑开

总结 第14题:请求拦截器执行顺序相反,响应拦截器正常 www.nowcoder.com/discuss/458…

上海艾杰飞前端视频一面

  1. 自我介绍
  2. useEffect的依赖项是基本数据或者引用类型,怎么监听的?(基本数据只要值变化和引用类型只要地址发生变化都会引起组件重新渲染)
  3. setState是同步还是异步(八股)
  4. Antd中,父组件用表单Form包裹,里面个有子组件,那么子组件中我如何对Form进行一些操作,怎么做?(没太懂啥意思,就说了通过useRef获得Form的结点,然后操作)Form的穿透有了解吗?(不知道,没听过
  5. axios做了什么二次封装(还是token和状态码提示)
  6. axios.all知道吗(不知道)axios返回什么对象(紧张啦忘记啦,返回的是Promise对象
  7. JSX对于类名相对于HTML区别(jsx用的className)JSX内联样式怎么传递(两个对象{{}})
  8. useContext用处(八股,替代consumer的作用)
  9. express用来做什么(搭服务器)怎么连接的数据库(没说清)
  10. ESM和CSM区别,require,import(当时跳过了没看这个,不会
  11. express有做预防XSS攻击吗(没有)CSRF中cookie哪些属性需要设置来防止(没说出来,应该是secure和samesite
  12. react中在一个数据中,再添加一部分数据,用es6知识(展开运算符)
  13. es6模板字符串作用?(这个知道)css如何做换行,也就是后端返回中有''/n这些,前端怎么渲染通过css(没听懂啥意思
  14. antd用的什么版本,antd如何改变原本样式,比如改变button颜色(说的!important):gloabl知道吗(不知道
  15. flex垂直水平居中(八股)
  16. 用函数式组件了为什么还用redux?(说个人觉得redux全局管理比通过hooks实现状态管理逻辑性更强)
  17. es6的map,filter,reduce,object.entries,arrya.from每个作用是什么?(八股)

面试官总结:基础还可以,不算太差

个人总结:表现的不太好吧,问的感觉还是比较细的一些点,有些知识点之前没听说,还有一些之前背的确实忘了,及时回顾吧!这家应该没下问了,到岗时间太晚啦

杭州产链数字科技前端二面(30min)

  1. 自我介绍
  2. 项目难点说一下(面试官后面反馈,这个说的不太清楚,虽然可能能get到
  3. 数据放到前端去处理怎么样?如果是你,你会怎么给后端去解释(就说了前端处理没有后端方便,逻辑性更强)
  4. echarts用的哪一个版本?(不知道)有遇过什么问题吗?(讲了下当时封装了一个echart组件)封装具体怎么实现的?(很多忘了,试着说了下)
  5. 编辑器同步滚动难点是哪里?有看过其他编辑器实现方式吗(没有)
  6. 旅游网对组件的封装,说下最难的组件(就讲了最基本的渲染样式上的封装)
  7. 函数式编程相对于类式优势(八股)
  8. 常用的hooks(八股)
  9. 什么场景会触发重新渲染(props和state),会发生什么(VDOM+DIFF)
  10. setState返回一样的引用,会渲染吗(不会渲染)
  11. 讲下flex常用属性及作用(水平垂直居中属性,flex-direction,flex-wrap,flex:1,flex-grow.,flex-shrink,flex-basis)
  12. CSS伪类和伪元素讲下(刚开始讲混了,后面自己纠正了)
  13. 研究生研究方向是什么?
  14. 为什么想到杭州找工作?(互联网氛围好,有利于个人发展)

面试官小姐姐总结:之前的难点描述,语言没有组织好,听起来可能会有些难懂,虽然能get到

个人总结:感觉表现一般吧,在项目难点描述,确实还是应该再好好准备下!

上海云轴前端电话一面(45min)

  1. 为什么学习前端

  2. 网站是用什么服务器搭的?(腾讯云)对云计算有了解吗?(不了解)

  3. 个人博客所用技术?(react+redux+antd+node+mysql)

  4. 部署时候用到niginx工具吗(配合面板进行niginx配置)

  5. 对哪些部分进行了封装?(echarts、编辑新增表单)

  6. 博客中提到组件通信讲解下(八股)

  7. 类式组件和函数式组件区别(八股)

  8. 自定义hook写过吗(没写过,但是知道其作用)

  9. 建站日志使用的是瀑布流方式展示,如果一下10w条数据,怎么渲染那么多条数据,你怎么处理?(提到了虚拟列表,之前看过)(这个只是用了一个插件实现,没考虑到瀑布流方式,诶,结果面试官就针对这个开始疯狂提问

  10. 虚拟列表怎么实现?(不会虚拟列表,就靠感觉答了)怎么判断一些图片应该展示,一些不展示?(通过scrollTop.scrollHeight,clientTop来判断每个DOM是否达到了可视区域 )虚拟列表项实际高度不一样,你会怎么设计?(就说固定大小,超出部分隐藏)如果是图片的展示,固定高度后超出部分隐藏效果是不太好的,那你会怎么做(还是说了可以通过scrollTop.scrollHeight,clientTop直接判断,不用关心每个列表项的高,感觉面试官刚才我的回答没理解,所以又问了这个

  11. 怎么实现深拷贝(考虑到了数组和对象,提到了无限递归形式用weakMp,但是面试官让具体将,这里没讲出来,忘了

  12. vue和react区别(答的不好

  13. 虚拟DOM理解(理解)

  14. TS泛型概念(八股)TS中的工具函数pack,call,partical使用过吗?(没用过

  15. ts定义一个接口,有3个属性,我想只取第一个属性对后面的对象进行约束,怎么做(不会

  16. 项目哪里用泛型(泛型用的不多,更多是基本的数据类型约束)

  17. i18n如果你不用插件,怎么实现?(创建两个json语言包,在组件中引入,创建一个方法实现对用语言包内容属性的切换--感觉答的不太对吧

  18. node还用过什么偏后端东西(express框架,读取写入文件,cors中间件,就说了这几个)

  19. axios请求怎么同时发送3个请求,然后再根据返回每个的结果,统一处理,比如累加,再渲染页面,怎么处理?(说的await,最后接受结果后,在处理)如果每个请求花费1s,你这样操作会花费3秒钟,用户体验不行,你还有什么方式改进吗?(这里不会,后面了解应该用promise.all吧!

  20. java中有个sleep()方法,比如停止1s在操作,js中是没有默认方法,你怎么实现(随便说的setTimeout面试官说这样会丢失上下文,提到promise+seTimeout+async可以做个组合去实现

  21. 能达到6个月实习吗

面试官总结:项目偏向个人玩使用,所以系统性的工程知识会有欠缺,说这也是自学很多人的痛点,对于实际企业来说,会考虑很多场景和需要,比如建站日志来说需要考虑瀑布流性能以及白屏时间等,这些很多也是需要到企业中才能学习到


中治赛迪信息前端视频一面3.1(30min)

  1. 栈和队列有什么不同,一般适用于什么场景?(队列应用场景说的不太好

  2. 哈希表是什么?(地址和值一一对应)应用场景是什么?(快速查找)

  3. 二叉树是什么?常用的遍历方式?中序遍历的过程?(数据结构基本知识)

  4. 插入排序和快排哪个效率高?插入排序为什么效率低(说了会每次查找插入位置)

  5. 二分查找对于数组的前提条件是什么(有序)

  6. http和https区别?(tls/lls保护层)另外添加了一个tls/lls安全协议有什么缺点?(https还需tls/lls连接的建立,时间长一点,其他的不知道了)

  7. 应用层除了http,还有什么?(webSocket)

  8. 状态码说下,401是什么意思?(鉴权)服务器是无状态的,怎么知道用户身份的?(通过token)token怎么携带?(请求头中)

  9. promise和async/await是什么?(八股)

  10. ES6新特性(展开运算符、解构赋值、默认赋值、数组新方法、箭头函数------var const、模板字符串忘说了)

  11. 箭头函数的特点(无this,无法用new关键字,没答全这里,比如无法用call apply bing,无argument,无prototype),其中this是什么判断的?(根据所处上下文环境)

  12. 数组去重方案有几种(1.Map或Set2.遍历,肯定没说全,至少5中方式应该)

  13. 常用的数组方法?

  14. 数组遍历map和forEach区别?(答的不太好,没说清楚

  15. css选择器有哪些?(八股)怎么选中兄弟结点?(不会

  16. 介绍下定位(八股),默认的定位方式是什么?(static)

  17. 项目前后端都是从个人0搭建的吗?为什么想去做一个博客项目?

  18. 页面加载速度提升70%怎么处理的?(提到了图片压缩用image-webpack-laoder和压缩工具,面试官质疑image-webpack-laoder确定是压缩他的体积吗?(难道不是吗??)在使用压缩工具后为什么还使用laoder?)面试官质疑这些操作会达到70%效果吗?(呃呃呃我再去看看

  19. 编辑区同步滚动怎么实现(表达还是不太清楚,有点混乱,还是再练练吧

  20. 什么时候出现跨域问题?(八股)怎么处理?(3中方式)在nginx中配置直接向node发起可以吗?(可以)

面试官总结:对应届生来说,基础还可以,对于框架后面面试会再考察

个人总结:表现还可以吧,大部分是基础,不过我觉得后面对于知识点掌握要更全面和深入一定,比如es6新特性啊数组去重跨域处理方式啊,可以多掌握一些!

杭州产链科技前端三面3.1(10min)

  1. 个人介绍
  2. 介绍下项目
  3. redux思想(八股)
  4. Antd的dev用过吗?(没听过
  5. Vue和React最大的区别?(说的数据流,不知道对不对)
  6. 移动端适配做过?怎么做的(媒体查询+viewpoint ,对于移动端, 浮层面板显示侧边栏信息)
  7. 跨域问题遇到过吗?跨域是前端的限制还是后端的限制?(后端,由于同源策略)有哪些解决办法?(proxy、node中间件cors、nginx代理配置,没有说全)
  8. 前端存储数据的方式并说明其区别?(cookie+storge)
  9. 小程序相关的有过经验吗?(没有
  10. 最快入职时间

个人总结:本以为是HR面,后来发现还是技术面,感觉整体比较简单吧,就考察了10分钟

达观数据前端一面3.1(45min)

  1. 个人介绍

  2. 项目都是在学校中完成的吗?有没有和同学合作去完成?(个人作品)

  3. HTML语义化理解(说的不好,只说了作用,应该说下其定义和常见语义化标签)

  4. 块级元素和行级元素有哪些?(块级:p,h1-h1 行内:span,button 就答了这几个,不太行!

  5. 有做移动端适配吗?简单聊下如何去做移动端适配?(媒体查询+viewpoint)有用过其他的移动端适配吗?比如rem,em,说下他俩的区别(rem相对html中字体大小,em相对父元素)

  6. 移动端1px问题有了解吗(见过,但是没看过诶

  7. 布局都有哪些方式?(flex,定位,浮动)

  8. 讲下flex的属性(flex-grow,flex-shrink,flex-basis,刚开始以为是容器的属性,其实是项目的属性,这里要注意分辨下)

  9. 垂直水平居中实现方式(4种方式,八股)

  10. 左边盒子是字体填充,右边怎么自适应(说的是flex:1,背的八股是5种方式,如果不设置固定宽度应该是2种方式)

  11. JS闭包(八股)

  12. 垃圾回收有几种机制(标记清除、引用计数,V8中新老区)

  13. 原型与原型链理解(八股)

  14. JS继承方式有几种(就说了原型链继承,我记得有很多种,好难回去看看

  15. JS数据类型(八股)基本类型和对象类型的区别是什么?(从可变性和栈堆内存两方面说的)

  16. 浅拷贝和深拷贝理解(八股)有用过深拷贝吗?(就说了用的比较基础,就是创建新空间进行拷贝)有了解深拷贝有几种方式吗?(说了JSON和创建个函数两个,其中后者的话从数组对象循环引用方面简单说了下)那如果让你实现一个深拷贝方法函数,能具体讲下吗?(面试前刚看过,答的还不错感觉!)

  17. 同源策略是什么?(八股)你的跨域的解决方案(还是3种)

  18. 数组的sort方法参数是什么?sort方法能不加参数吗?(我说的可以,这里错了

  19. 排序有哪些?(冒泡、选择、插入、快速、堆排序,没有说全)快排思想是什么?(八股)

  20. react用的版本是什么?(18)

  21. 类式组件与函数式组件的区别(八股)

  22. 函数式组件有什么钩子是对应类似的生命周期?(useEffect对应着3个生命周期)

  23. 父子组件通信(八股)

  24. Reudx的数据流(八股)

  25. useMemo和useCallback区别(八股)

  26. es6新特性(八股)

  27. 解释下promise(八股)

  28. promise.all和promise.race的区别(八股,基础说的对)promise.all的应用场景(处理多个异步,切都得到结果)

  29. webpack中loader和plugin区别(八股)自己实现过plugin配置?(呃呃呃忘了配置过哪些plugin

  30. 节流防抖有用过吗?简单介绍下(谈了下节流)

  31. 场景题:筛选框显示了对应结果,如果返回,怎么达到不重新渲染组件,而是返回刚才的数据状态?(这里是想到了,没有敢说,面试官点出可以把上次的状态先存储到sessionStroge或全局状态管理中

  32. 介绍下所做的优化(准备过)

  33. 对于组件的封装的理解(逻辑上的封装--编辑和新增,渲染上的封装--列表显示)

  34. 父给子组件传递参数比较多,你怎么处理?(通过对象+...方式)

面试官总结:作为实习生,基础是可以的,后面可以知识面更扩展一些,因为简历上写的还是蛮多的,一般面试官会挨个进行提问。另外对于防抖节流、深拷贝、数组方式、算法这些很多是不只是一种实现方式的,后面可以多掌握一些。



个人总结:表现还行,考察更多是基础知识,就如面试官提到的,对于一些知识要掌握更多的实现方法,另外TS也需再巩固下吧

AVAR前端视频一面3.1(45min)

  1. 自我介绍(需要多练练)

  2. 介绍下项目难点(同步滚动,这次介绍流程多了,不过还是有一点点繁琐吧)

  3. H5和H4新增的标签有哪些

  4. 块级元素和行内元素有哪些(还是没说几个

  5. 伪类和伪元素介绍下(八股)

  6. IFA和BFA介绍下,特点和产生的条件(八股,答的不是太流畅)

  7. 移动端适配有哪些方案?(flex,媒体查询,rem,viewport,百分比)

  8. css选择器(八股)

  9. 用过动画效果吗(transform,translate用过,应该再多说一些动画方面)

  10. for in 和for of区别(八股,for in更多用于对象,for of用于数组)

  11. JS运行机制(八股)宏任务微任务还有哪些?(就记了几个,应该多掌握一些)

  12. Set和Map数据解释下,Map的输出形式是什么样的?(这里说错了,应该是通过{}包住每个键值对,也就是Map(2){0 => 'a', 1 => 'b'},这里补充下,map是Set(3) {1, 2, 3}形式输出

  13. 原型与原型链理解(八股)

  14. JS闭包的理解(八股)闭包为什么会造成内存泄漏?(八股)

  15. Promise讲下,有几种状态?(八股)

  16. 在项目中用过防抖和节流吗?(说的节流,但是在项目中的应用答的不好!后期重点解决下这里

  17. 状态码(201说成200,304没说,503说成504

  18. JWT原理讲解下(八股)

  19. 函数式组件和类似组件区别(八股)

  20. 常用的hooks(八股)

  21. useMemo和useCallback使用场景和区别(八股)

  22. useRef功能有几个(八股)

  23. useState是异步,setState是同步还是同步(八股)react为什么会使用这种异步?(当时没答出来,后面才想到也算是性能优化方面,为了防止每次useState都渲染组件,所以就合并所有的setStete操作,统一去处理

  24. git命令简介(八股)git commit -m后面你有进行分类吗?比如,UI,css,新增页面进行分类(不知道,没有了解过)

  25. 仿旅游网第一个难点解释下(准备过,异步中间件)

  26. 项目亮点(说了RTK重构原始的redux

  27. axios二次封装了什么(token和状态码,后面得多添加些封装的)

  28. 性能优化(准备过)

  29. 不用react.lazy,怎么实现图片懒加载?(说的通过一些属性,判断是否达到可视区域)

面试官总结:基础还不错,不过技术栈的视野有点窄,可以多了解新技术


个人总结:表现还行吧,也是基础偏多,很都也都是准备过的知识点。面试官很年轻,感觉应该也是入职没多久,挺友好的面试过程也是会对于答错的地方帮忙指正

帷幄匠心前端视频一面+二面3.1(105min)

  • 算法题:手写深拷贝

写的差不多,首先考虑到了基本类型和引用类型,其次引用类型会判断是数组还是对象,最后为了防止多层嵌套形式,使用递归形式去构造

  • 算法题:手写快速排序

没写出来,时间太久忘了只知道基本思想

  1. URL输入后,会发生什么?(八股)拿到资源之后,浏览器会做什么?(就是渲染过程,八股)
  2. CSS哪些操作会导致重排和重绘(重排:位置、尺寸、生成或者删除DOM;重绘:字体、颜色 没说全)
  3. V8垃圾回收机制(八股)
  4. 什么情况造成内存泄露?(全局变量、闭包,没说全)
  5. 水平垂直居中(八股4种)
  6. flex如何实现一列固定,一列自适应(flex:1)
  7. 淘宝的瀑布流布局,下拉加载时候,对于不同长度的卡片,如果使向更短的卡片那一边填充?(不会,也没懂题是什么意思
  8. 编辑区怎么识别的JSX(说错了,应该是通过React.creatElement方法
  9. 前端性能优化做了什么?(准备过)
  10. HTTP2比HTTP1.1解决了什么问题?(OMG,答成HTTP3啦
  11. JS时间循环机制(八股)

--------------------------------------------------------------------------------------------------------------------------------

Leader二面

  1. 自我介绍

  2. 如何学习前端

  3. URL输入后,详细说下会发生什么?(又问了一遍哈哈,八股)

  4. 跨域是什么?(同源策略)怎么解决(3种)

  5. JSONP是解决什么问题(也是解决跨域的,回调函数获得数据)

  6. 安全策略,CSP有了解过吗?Content-Security-Policy(不了解

  7. 解释下CSRF和XSS(XSS的防范措施说的不全,其他还行)

  8. javascript:void(0)见过吗?知道是什么意思不(不知道诶

  9. JS有很多坑,举几个例子说下js语法比较怪异的地方(就说了一个变量提升,面试官指出了一个this问题,然后我就解释了下this指代问题)

  10. 类型隐式转换问题(说的不全)

  11. Async和await内部实现原理是啥?(不知道)迭代器和生成器知道吗(简单说了说最后面试官指出Async和await实际就是使用迭代器和生成器,简化了操作

  12. html/css/js怎么设计一个复杂的组件?(说了react那种,在html中构建跟结点,内部放组件,同时引入样式,不知道对不对)

  13. React和Vue区别(数据流不同、react更多 面向声明式编程、Vue语法简单比如v-for)

  14. Vue双向数据流底层是怎么实现的??(说的是会监测变化,自动修改,但是感觉不全对)

  15. webpack流程是什么?(说的不太好,有点乱

  16. yarn和npm区别(不知道)

  17. babel怎么把ts编程普通js语法(AST)

  18. 怎么使js语法适配所有的浏览器之类(还是说的bebel,把es6及以上转换)

  19. 一个项目比较卡,你怎么去定位解决问题?(通过控制台查看文件、对图片处理。对文件通过懒加载gzip压缩等方式,也可以通过插件图具体查看体积情况)

  20. 你现在前端的水平,最高10分,你给自己打几分?(我说的是4.5分,说到现在很多工具只是会用,但是对于底层还是需要去学习)

  21. 接上面,你认为10分的水平是什么样子的?(代码语法非常熟练、懂代码底层原理、对工程项目优化擅长、代码编写样式规范)

  • 经典的dp算法,爬楼梯问题,不过这里是一次可以上1阶、2阶或3阶

整体不难,dp解法AC,是On的空间和时间复杂度。后面面试官要求用O1的空间完成,就用了三个变量a,b,c实现,不过过程中边界没有判断好,面试官帮助提醒了

面试官总结:前端方面掌握的还OK,还是可以的,说到国内是前后端分的比较明显,不过最好还是多去了解下后端,往全栈方面引导会额更好一些


个人总结: 表现中等吧。一下近2h的面试,算法+面试还是有点累的。算法方面,除了快排确实有点可惜忘了代码了,dp和八股文倒是写的不错。面试方面,第一个面试官的问题还是基础较多,问题不大,第二个leader明显感觉面试难度上来了一些,提到了很多之前未听过的知识点,而且后面有几个很灵活的问题,蛮多答的不全或者不好的。

ebay上海研发前端视频一面+二面 3.2(60min)

  1. 英语介绍(绝了第一次遇到,磕磕绊绊
  2. JS数据类型(八股)
  3. 怎么判断一个数组(八股)
  4. ==和===区别(八股)
  5. 定义变量方法(八股)let const var区别(八股)
  6. 箭头函数和普通函数的区别(没答全,只说了2点)
  7. if(变量a),上面这种形式会做了什么操作?(说的大概意思就是判断括号中是否为true和false)
  8. 快速复制一个数组你会用什么方式?(说的new Array【..arr】,这里是不是要让我引出深拷贝浅拷贝问题?懵
  9. 解释下深拷贝和浅拷贝(果然问到了,八股)
  10. const是定义常量,那可以修改吗?(回答的是引用类型可以修改,这里说错了。对于基本类型,不可修改,对于引用类型中的数组对象都是可以修改的
  11. Map和Object区别(说的不全
  12. 怎么对原型进行修改(比如Array.prototype修改)
  13. 用过异步编程吗?(用过)每隔2s执行一个方法,怎么做?(只说了promise+setintervl,具体实现思路不会
  14. 前端的跨域解决方案(跨域+jsonp)为什么会有跨域问题?(同源策略)
  15. 现场写代码:水平垂直效果(flex实现)
  16. 现场写代码:实现悬浮框效果在右下角(绝对定位实现)
  17. 现场写代码:任意写一种排序(写的选择排序)
  18. JS闭包理解(八股)

--------------------------------------------------------------- ---------------------------------------------------------------

  1. 介绍下技术栈
  2. 介绍下数据表,比如博文的表,包含哪些字段?
  3. 有做过查询的优化吗?比如加个索引什么的(没有
  4. 介绍下restful api(面向资源,请求类型+名词)
  5. 后端java,python用过吗?(没有
  6. 数据结构中的堆用过吗?(没有)大顶堆是什么样的?(根元素最大)应用场景是什么?(不清楚,面试官说常见场景的有优先队列、查topK,中位数
  7. 三次握手四次挥手说下(四次挥手说的不太清楚
  8. 现场写代码:给定一个字符串,翻转每个单词 输入:s = "Let's take LeetCode contest" 输出:"s'teL ekat edoCteeL tsetnoc" -->(暴力写的,诶,写了15min,如果用api写,会快点吧)
  9. 最快什么时候实习?(4月)

面试官总结:前端综合能力还可以,但是写代码用的暴力,可以考虑用封装好api。后端的话不一定精通,但是最好要了解,当然主攻前端,框架可以继续为重点


个人总结:表现中等吧,八股文大部分能答出来,有些不了解地方后面需要尽快补上。算法方面,还是需要提高下现场写代码能力吧,今天的题目确实也不难,感觉写代码还是有点慢

【介绍是英文,还有手撕代码的编辑器是英文的】

CSS方面:

  1. 盒模型
  2. 块级元素和行内元素
  3. 选择器以及优先级
  4. 定位方式
  5. 重排和重绘
  6. 移动端适配方案
  7. 水平垂直居中方式,尽量多说一些,一般会引出flex
  8. BFC的理解,最好从概念、特点、应用场景三方面回答
  9. flex布局常见属性,解释flex:1含义
  10. 两栏布局实现方式
  11. CSS3新特性

JavaScript方面:

  1. 简单一点的就是浅拷贝深拷贝区别,深入一点的会问如何实现一个深拷贝,这里推荐一个详细讲解深手撕深拷贝的文章,建议收藏juejin.cn/post/684490…

  2. JS原型与原型链

  3. JS闭包的理解

  4. JS数据类型

  5. 判断数据类型的3种方式

  6. JS事件循环

  7. storage和cookie存储区

  8. ES6新特性有哪些?

  9. 异步编程,Promise、Async/await

  10. V8垃圾回收

  11. 防抖节流,最好结合项目

  12. ES6和CMS区别

  13. 箭头函数和普通函数区别

  14. 判断数组方式(4种)

  15. this的指向判断

  16. 改变this的3种方式及区别

  17. TS方面的知识,这里就不详细列了,就是很基本的接口、泛型等

******React方面:

  1. 函数式编程和类式编程区别
  2. React和Vue区别
  3. 常用的Hooks(这里会引出很多)
  4. useEffect理解
  5. useMemo和useCallback区别和应用场景
  6. setState异步还是同步
  7. Reudx数据流方式
  8. 虚拟DOM理解
  9. 组件间通信方式

计网方面:

  1. 状态码(最好每一个都解释下作用)
  2. 缓存方面,强制缓存和协商缓存,最好说出判断缓存与否的属性字段是什么
  3. 输入RUL发生了什么?
  4. HTTPS和HTTP区别
  5. TCP三次握手
  6. JWT原理

******Webpack:

  1. 打包流程
  2. plugin和loader区别
  3. 常见的plugin和loader有哪些

安全:

  1. XSS和CSRF解释(需要提及概念、攻击方式、预防方式)
  2. 跨域理解和解决方案

项目方面:

  1. 做了哪些性能优化?(这个一定是需要专门去总结下的,并尽量应用在项目中)
  2. 项目难点和亮点(同样需要提前去准备,锻炼如何表达清楚是很重要的)
  3. 移动端适配
  4. 封装了哪些组件?
  5. axios二次封装做了什么工作?

******其他:

  1. 排序有哪些?手撕快排
  2. 哈希表
  3. Git常用命令

image.png

www.nowcoder.com/discuss/353…

腾讯wxg前端什么情况

上来30分钟,让写2道算法和1应用题
然后让讲下每个思路

第一题求字符串中长度大于等于2的回文串个数,有思路,但是因为紧张问题吧,变量命名出错括号出问题,耽误了时间,最后也放弃检查bug了

第二题让把对象中带key改为驼峰命名,暴力写的,也是时间不太够了,也有bug

第三题查错题,多出错误,有一个没说出来

很奇怪,50分钟就结束啦,没有八股和项目
估计是kpi面

一大收获:要锻炼临场写代码能力

美团到店前端一面

写面经积人品,保佑明天收二面通知!

  1. 自我介绍
  2. 项目的难点讲解 (这次感觉整体逻辑讲的比较清楚)
  3. 项目封装鉴权高阶组件怎么做的?
  4. 谈谈对高阶组件的理解(这里有一点没说到,面试官提到是复用的作用)
  5. 高阶组件开发的注意点(答得是注意代码书写和注意复用的条件,感觉说的一般)
  6. Redux是用来干嘛的
  7. 组件化模块化的理解
  8. 你觉得组件划分的标准是什么?(功能和样式类似)
  9. 一个页面,组件你会怎么划分?(就按照自己项目讲的)
  10. 垃圾回收机制(讲了V8的)
  11. 上面情况下会有垃圾情况(定时器、监听、闭包、数据拷贝,就说了这几个)
  12. TS中interface和type区别(不难的,但是说的不太对
  13. js是单线程语言,如果用node运行话,会有什么问题?(没太懂这个题问什么的,就过了
  14. axios和ajax优势所在?(答得还行,代码简介、功能上更方便,面试官提到还有个回掉地狱,忘了)
  15. Promise理解
  16. 五层模型(感觉每层功能感觉说的一般吧,有点模糊
  17. 状态码(全部详细说了一遍)
  18. 缓存(全部详细说了一遍)
  19. HTTP常见的头
  20. cookie和storage区别(面试官提到如果做接口鉴权话cookie会好一些)
  • 手撕:翻转链表一部分区间

脑袋一热,想不出O1空间解法,就直接暴力做了,紧张了循环遍历还写错了,浪费了几分钟。后来面试官要求优化,就想出来一种方式,大概说了下思路,面试官表示认可

  • 手撕:层次遍历

气死,今天刚过一遍,结果就卡在了一个点上,死活没想出,面试官前两次提示还是没改对,最后让讲完思路指出了错误所在。诶,脑袋真不好用

面试官评价:整体表现不错,看着很淡定也不紧张,代码方面还是挺有解决思路的,基础知识也很多都掌握啦,建议后期可以知识点更深方面吧,比如react或者vue源码可以看看


个人总结:手撕代码,真的不难,但是表现的很差吧,尤其是层次遍历今天刚看完,就卡住没写出来。可能算法是薄弱点吧,写的时候是会紧张的。其他方面来说面试官真的太友好了吧,问的很多是开放性问题和基础的八股,答得个人感觉还是不错的。另外今天的面试官小姐姐真的 灰常好,非常礼貌且温柔,而且会不断肯定我,让我也是比较有信心的继续回答。

求求啦,明天希望得到好消息,约我二面!1!

喜马拉雅前端日常(已OC)

  1. 自我介绍
  2. 类组件和函数式组件区别(八股)
  3. useCallback和useMemo区别(八股)
  4. 讲下React.memo()(八股)
  5. useEffect应用场景(八股)
  6. 讲下盒模型(八股,不过尴尬了是一个属性忘了)
  7. 语义化标签项目中使用了吗
  8. 浮动讲下场景和会出现的问题
  9. 定位属性讲下(这里面试官提到少说个还有sticky粘性定位)
  10. 面试官出来一个场景提,如果没有sticky定位,怎么实现在滚轴小于100px时候,导航栏在最顶部,超过100px时候,导航栏变换到其他的一个位置?(第一次没说对,面试官提示了下,第二次回答说是监听滚轴,然后通过定位改变导航栏,面试官总结了下就是通过相对定位+绝对定位实现
  11. css中实现动画的常用方法(八股)
  12. 块级元素和行内元素的区别(这里尴尬了,面试官问img是什么元素,我说的行内,结果面试官问那为啥可以设置宽高?其实是行内块
  13. img是否遇到底部3px的问题?怎么解决?(vertical:middle)
  14. JS常见数据类型(八股)
  15. 基本数据类型和引用类型的区别(八股)
  16. 判断数据类型方式 (八股)
  17. 深拷贝方式(八股,就简单说了下,面试官没有让详细展开)
  18. 讲下原型链(八股)
  19. let obj={},为什么继承了对象应用的属性和方法?
  20. 讲下继承方式(八股,面试前刚看过,把5种方式都说了一遍,第六种不太清楚没敢说,面试官笑着说我红宝石看的很熟
  21. 输入URL解析过程(八股)
  22. 强制缓存和协商区别(说了字段不同、一个发送一个不发生)
  23. HTTP状态码(八股,疯狂输出3分钟)
  24. Jquery中的链式调用原理是什么?(这个不会,面试官当前接手是jquery项目,就问了问
  25. git你常用的操作?切换分支是哪个?创建并切换新分支是哪个?(没答全)
  26. 场景提:比如在A分支开发,此时产品经理要求存储当前分支,去开发另一个,你有什么办法?(说的git stash存储)面试官接问,那再次回来时候,如何进入刚才那个分支?(不会
  27. 多页项目和SPA的区别(说了性能和代码逻辑两个方面)
  28. 为什么在路由切换时候,并没有向服务器发送请求?(答得是先经过路由表的比对,这里面试官不满意,应该说的不对
  29. 在SPA项目总,nginx中需要有什么配置项?(不会,面试官非常好详细给解释了下这个问题
  30. eslint和xx了解过吗?(第二个没听过,就简单说了下eslint
  31. React开发过程中,useEffect依赖性常常报警报,你是怎么处理的?
  32. 服务端渲染项目接触过吗(没有

面评: 从实习生角度,还是蛮优秀,回答问题有逻辑不紧不慢,问题也是会尽可能的扩展,唯一不足之处可能是因为学生,比如服务端渲染SSR、git等接触的少一些,广度后续可以提高下。 自我总结:非常非常幸运 ,没有手撕,基本都是常见八股,平常背了很多遍了,回答时候也是尽可能的往自己熟悉地方延伸,不足之处就是有些八股长时间没看了,个别的属性字段什么的记不太清楚了(美团二面g后,一周没学习**** )。

可能部门也是急招实习生,24h速通offer ,说的是10天左右到岗。后面如果没有更合适的,大概率就去了吧!希望能多去学习一些东西吧