从若干个方向谈一谈前端面试需要准备哪些东西(2)

接下来可以找一些小公司练练手。练习练习自己讲讲项目,和基础知识的查漏补全。

如果拿到了一些小公司的offer,那么就可以找朋友推荐去一些心仪的大厂,大厂面试相对较难,所以最好找朋友内推。内推有朋友可以给你介绍很多你不知道的东西。

简历

作为一个高级码农,项目肯定做的非常多,但是简历也要注意什么可以写什么不能写。自己复习准备不深的东西最好不要在简历上写,面试官往往都问自己有经验和自己有深刻研究的东西,如果你涉及的技术只是简单使用,简历上写了,被问到一些底层原理,结果没答上来就尴尬了。

比如你在公司浅尝辄止的做过RN,简历上写了,被面试官问到RN的原理,打包,和Native通信等,如果没有准备就会非常尴尬。简历上写的技术 最好都复习到任何细节。

比如用vue写了好几年项目了。以为自己掌握的滚瓜烂熟。结果别人问了一个基础的Vue生命周期,Watch和Computed的区别,如果没答好,那么在面试官那里印象就非常差。

手写题

今年各大公司都添加了手写算法或者前端递归的题目。所以要求这部分题目都得提前准备,最好在职期间刷leetcode几个月。至少大部分简单算法都可以秒杀。至于前端一些递归和语言特性。相对来说都比较好准备。应该2~3周就够用。这里列举一些高频题。抛砖引玉一下。

  • 实现debounce

  • 实现throttle

  • 实现bind,call,apply

  • 打印出来html里所有标签

  • 实现一个lazyman

  • 实现一个deepclone

  • 实现快速排序

  • 实现一个数组乱序

  • 实现一个Promise

  • 实现一个LRU

  • 求第K大树

  • 二叉树的深度

  • 两数之和

  • 四数之和

  • 找出一个集合所有的子集

手写题系列请见2019-大龄前端如何准备面试之手写题

https://github.com/scofieldfan/turtle-rock

我在github 上整理一个项目 turtle-rock 如果大家觉得有用,请给一个star。谢谢!

CSS

flex 已经是移动端的标配了。今年面试中基本很多都考察flex。所以对于flex-grow和flex-shrink,flex-direction 这些属性必须灵活掌握。而且对于弹性盒里面的元素的是否会被缩减,以及缩减的规则都会被考察到。对于高级前端一些深度的特性也会被考察到。

  • vertical-align 为什么没有绝对垂直居中?

  • line-height 的具体含义是什么?

浏览器

http2 是今年一个必考题了。所以HTTP2 分帧的,多路复用,server push 这些都得深度掌握,只肤浅理解到基本概念 还是很容易被问住的。推荐大家看两篇文章

MDN HTTP

Google_HTTP2

另外缓存(协商缓存和强缓存),跨域 这些都不赘述了。

  • http2有什么改进?

  • websocket协议和 HTTP2 有关系么?

  • http2 和 1.1 的 pipeline 有啥区别?

  • HTTP2 和 1.1 的 keep alive 啥区别?

框架

现在是Vue和React的时代。小厂追求糙快猛基本都是Vue。规模大一点的公司基本都是React。不管是哪个。今年面试绝对不紧紧停留在表面,Dom Diff,Virtual Dom 成了必考题。

  • Virtual Dom 是否可以提高性能?

  • 怎么看待Dom Diff?Dom Diff算法是啥?

  • 如何设计一个组件?

  • Vue发展问题在哪里?

错误收集

错误收集也是一个点,有可能会考察到各种情况出现错误的情况。

  • Node中的错误怎么捕获?

  • Node中遇到错误,进程退出了怎么办?

  • Promise的错误如果统一捕获?

  • Promise中的ajax 可以try catch 到么?

  • 如何实现一个前端错误收集系统?

性能

Web性能啥时候都是一个必考题。针对Web性能。推荐大家看Google的文档(需要翻墙)。

Webpack

webpack 基本会考察到各种loader,plugin的名字和使用方法

小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)
img

JavaScript

  • js的基本类型有哪些?引用类型有哪些?null和undefined的区别。

  • 如何判断一个变量是Array类型?如何判断一个变量是Number类型?(都不止一种)

  • Object是引用类型嘛?引用类型和基本类型有什么区别?哪个是存在堆哪一个是存在栈上面的?

  • JS常见的dom操作api

  • 解释一下事件冒泡和事件捕获

  • 事件委托(手写例子),事件冒泡和捕获,如何阻止冒泡?如何组织默认事件?

  • 对闭包的理解?什么时候构成闭包?闭包的实现方法?闭包的优缺点?

  • this有哪些使用场景?跟C,Java中的this有什么区别?如何改变this的值?

  • call,apply,bind

  • 显示原型和隐式原型,手绘原型链,原型链是什么?为什么要有原型链

  • 创建对象的多种方式

  • 实现继承的多种方式和优缺点

  • new 一个对象具体做了什么

  • 手写Ajax,XMLHttpRequest

  • 变量提升

  • 举例说明一个匿名函数的典型用例

  • 指出JS的宿主对象和原生对象的区别,为什么扩展JS内置对象不是好的做法?有哪些内置对象和内置函数?

  • attribute和property的区别

  • document load和document DOMContentLoaded两个事件的区别

  • JS代码调试

  • 开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

内置对象不是好的做法?有哪些内置对象和内置函数?

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值