- 前端刷题&系统设计: GreatFrontEnd: https://www.greatfrontend.com/ 是前Meta的前端大佬建的,似乎和我前年推荐的BFE.dev(https://bigfrontend.dev/)有点渊源,但是这个网站的答案的质量非常高,尤其是frontend system design部分,比youtube上的几个视频讲的要跟深一点,讲的也很详细,完全足够面试里面应对考官的追问。 除了SD之外,Coding和Quiz我刷了差不多1/3, 建议有vanilla JS的题出了用framework,也最好用vanilla JS写一遍,还有DOM manipulation分支下的题也可以都刷一遍。这些都是平常工作中用不到的,但是面试很大概率被考
- 前端系统设计: https://www.youtube.com/@FrontEndEngineer/videos
相对GreatFrontEnd讲的要浅一些,不过油管主明显技术精进了,season 2要比seaon 1的质量更高。GFE上有些文章还没放出来,这个channel里刚好有cover,查漏补缺
- 刷题:https://www.techinterviewhandbook.org/grind75
前年有刷过400多道题,但是脑子笨,忘的差不多了,今年要重新抓起来,就先刷了这个,熟悉一下各种题型,再根据哪个算法记的最模糊查漏补缺
- 后端系统设计: https://blog.bytebytego.com/p/system-design-interview-books-volume Alex XU大佬的两本书,昨天刚看完第一本,今天第二册看到一半。第一册比较浅,但是其实感觉第一本第一章的内容都已经够应付绝大多数澳洲本土公司的SD轮了
- AI Interview Training: https://bugfree.ai/ 应该是一个用Open AI接口的站,思路比较有意思,就是可以帮忙改简历,写BQ模版。具体用处的话还没看到,因为截止目前我的所有culture和BQ轮都面的屎一样,感觉还要再摸索摸索别的好工具
- React: https://react.dev/learn/describing-the-ui 没错就是官方文档,我已经忘了多久没查过react的官方文档了,昨天因为查useContext的时候发现官方改版了,新的doc干货好多。以前特别讨厌面试里被问到八股文,现在发现八股文的答案其实都在官方文档里,只要看过就能有印象
- Refactoring & Design Patterns: https://refactoring.guru/ 跟面试本身关系不大,但是感觉看了挺有用的,有的时候clean code也是评分标准之一
- Javascript: https://javascript.info/ JS的八股都在里面了,建议先读完这个再去刷GFE的题,基本就能手撕绝大多数的js coding和browser coding轮了
- BQ:https://www.youtube.com/watch?v=H_KGM0i9jkA&list=PLLucmoeZjtMR990BPePcn5WgoCM_OX0YB
BQ目前算是我面试过程中最大的障碍了,今天搜面经看到很多人推荐的这个小哥的视频,里面很多问题他都给了解题思路和example。目前我自己还没看几个,希望看完能对BQ应答自如
Leetcode:
这个没什么好说的,还是得刷,楼主自己LC大概刷了两百五十道左右(包含前端所有题目都算进去的话大概400道),主要是跟着这个
为主,但我也刷了Grind75不刷Hard,我的mindset基本上是常见且刷过的高频题遇到不能不会,遇到没写过的难题写错就算了,自认不是多聪明的人,我也懒得花时间在Hard,我觉得前端面试可以default算法难度是Easy-Midium,如果真的超过那就认了,刷到常见题型会有思路就行了,你还要留时间准备其他东西,btw我因为很常复习,有些题目我昨天看了一下竟然刷了超过40次lol
leetcode-master
youngyangyang04 • Updated Apr 4, 2024
前端实作UI Coding:
这种题目特别头痛,常见的题型其实就那几个(幻灯片,Tic tak toe, sign on form之类的,有些大公司会考得特别刁专),但难是难在如果没有系统性的练习,会一不小心卡在一些小bug,我建议至少要练到对于各种题目都有自己的一套模板,平常可以查资料,但面试时面试官不见得会让你查,这边我大力推荐GFE(https://www.greatfrontend.com/)这个网站,我有买他们的终身会员,我个人觉得超级值得,尤其是他们的premium discord群组,同时间一起在面试的人互相交流可以得到很多帮助,最重要的是这个网站的题目是有附解答的,虽然不见得是最容易懂的解答,不懂也可以上discord问,我自己会把写过练得比较完整的code放到自己的code sandbox,确保之后想要复习时,可以回去看自己以前的解答,另外补充一点就是因为前端的UI考题变化比较小,所以很多公司同一个题目会用很多年,如果能够在网路上搜到面经的话,中面经的机会蛮大的.
UI Coding又分为两种,vanilla JS coding跟framework coding,大部分时候面试官会让你自己选framework,但有的会要求用纯JS写,通常这种也不会太过复杂(我遇过写sign-up form之类的),但就是写习惯了framework,突然用js写会忘记很多DOM manipulation 的method跟细节,有时间还是建议准备一下
JS coding:
这个其实也很直白,大方向就是三个,一考你各种JS的特性,我自己觉得这个很无聊,例如给你几个expression问你输出是什么这种,二就是考你各种JS method的polyfill,像是你能不能自己写一个map method, filter method,Promise.all, Promise.then.....etc,我自己是非常建议大家有机会的话练习一下手撕promise,确实可以搞懂很多promise 观念,三就是用JS写一些helper function,常见的就是写debounce, curry这种,非常常考,一定要练,这个部分我也是推荐用GFE练习,有时间的话可以搭配BigFrontEnd,这个网站的优点就是免费,题多,缺点就是杂乱,没有解答,但题目真的很多
前端八股:
这个...实在是没啥好说的,就是八股文,对于framework的细节要多了解一点,还有最近的趋势,react的特性啊,hook, lifecycle这种,webpack, node,简单来说就是要多看,也因为很杂,很难准备的全,js, css的知识也要看,box model, css selector....etc,有些公司很爱考八股,真的是不能不准备
System Design:
这个部分我真的是大力推荐GFE,网路上关于Frontend system design的资料实在太少,GFE每篇都是干货,虽然有可能太长,甚至会有看不懂的问题,但你会真的对于前端的系统设计有个概念,我自己还会再搭地铁时听一些podcast,有一集Slack的Front end Architect的访问就很常让我在面试时拿出来举例,毕竟我真的没有设计过前端系统的经验,这时候只能靠这些资料来掩盖自己的Domain knowledge不足,system design真的是非常非常不好准备,也希望这块有人能多分享一些资讯出来。.