2024年前端入门指南前端面试题库(1),2024年最新阿里巴巴二面到三面

总结

我在成长过程中也是一路摸爬滚打,没有任何人的指点,所以走的很艰难。例如在大三的时候,如果有个学长可以阶段性的指点一二,如果有已经工作的师兄可以告诉我工作上需要什么,我应该前面的三年可以缩短一半;后来去面试bat,失败了有5、6次,每次也不知道具体是什么原因,都是靠面试回忆去猜测可能是哪方面的问题,回来学习和完善,当你真正去招人的时候,你就会知道面试记录是多么重要,面试官可以从面试记录里看到你的成长,总是去面试,总是没有成长,就会被定义为缺乏潜力。

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

image
image

这是个很大的问题。从学习方式来说,有自学与培训。从学习方法来讲,那真是没法数,每个人都有属于自己的合适的自己的方法,有的人觉得看看视频就能学会,有的是觉得光看书就完全get技能了,还有的人觉得在群里多和大佬们聊聊吹吹水就可以掌握想要的知识。

做梦吧。

前端有三大基础JavaScript、CSS、HTML。光HTML就不是上述方法能掌握的,更遑论JavaScript?JavaScript是门直译型的语言,是面向对象的。对象是啥,一只喵星人一个手机一个你就是一个对象。当然,JavaScript里的对象是代码组成的,而在JavaScript里,几乎一切都是对象。

但凡是对象,那肯定是复杂的。你复杂吗?为什么复杂?对象的复杂性,很大程度取决于它自身与其依赖的周围环境。人在陆地上可以活得好好的,扔进水里,能活几分钟?水陆环境的不同,增加了人的复杂些。换成你手机也一样,把它丢进火里或水里试试。

这跟JavaScript有什么关系?

没关系。

才怪。JavaScript是脚本语言,是条寄生虫,不寄生在宿主身上就没生命力的东西。它的宿主是什么?浏览器 or Node。

本质上,浏览器和Node都给JavaScript提供了运行时的环境,所以,这个东西,才是JavaScript的幕后老板。我们称之为JavaScript Interpreter,当然,不止这么一种叫法,还有什么Redering Engine等等,总之,它们都可以将JavaScript代码翻译成机器码,供计算机认识与使用。

没有灵魂的人,跟死人没什么两样。

JavaScript被翻译成机器码后,就有了灵魂,活过来了。

你看,JavaScript其实也是个对象。这么复杂的东西,光看书看视频听人说,能真正懂它吗?不能。这些行为最多帮我们知道它,了解它的知识体系与底层原理,顺便拓展一下眼界。要真正懂它,得不断地去使用它,以各种方式去使用它。

就像你跟一个姑娘谈恋爱,光看照片看她日志有什么用,你要牵她的手,亲吻她,拥抱她,爱她,跟她交流,做各种羞羞的事,才会真正懂她。不是么?

JavaScript尚且如此,包含它的整个前端还用说吗?

Just do it!

5.从哪里开始前端的第一步?

废话了一堆,来点干货。首先,回答问题前,我们来趟时空旅行。

1993年,超文本标记语言HTML(Hyper Text Markup Language)第一版面世,它只支持超链接的纯文本html文档。纯到什么地步?纯文本!超链接!没了。

纯文本是什么概念?在你的电脑桌面新建一个txt文档,在里面写上

hello world

保存文档为html类型。然后双击打开它,你就可以在浏览器里看到hello world了!

这就是纯文本html文档,纯的不能再纯的一个网页。

超链接呢?以记事本方式打开刚才的文档,把hello world替换成

hello world

保存。双击打开这文档,你会在浏览器里看到带下划线的hello world,点击它,如果你能上网,那么毫无疑问,它会跳转到百度的首页。这么一个简单的文档,居然可以链接到百度,神奇吗?这就是超链接。链接互联网上的所有。

时间往前走。

1994年,层叠样式表CSS(Cascading Style Sheets)问世,这时它还没成为标准,直到1996才有第一版标准。CSS做了什么?回答这个问题得先知道HTML干了什么。HTML定义了文档的类型与内容。CSS,则决定了这些内容该如何展现。如果把HTML文档比喻成一幅纸画,那么CSS就是造物主的神力,它可以让纸画上的猫咪隐身,也可以让纸画上的鲜花变换颜色,甚至能让里面的小鸟飞出来,让高山变成平地,让沧海变成桑田。梦幻吧。

打开刚才的文档,把内容替换成

hello world

保存。双击打开它,你会在浏览器里看到红色的hello world。这里,style引入了CSS样式,color给这些文字打开了颜色的大门,red,涌入了进来,把它们染成了红色。

框架相关

原生JS虽能实现绝大部分功能,但要么就是过于繁琐,要么就是存在缺陷,故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架,两者工作原理上存在共通点,也存在一些不同点,对于校招来说,不需要两个框架都学得特别熟,一般面试官会针对你简历中写的框架进行提问。

在框架方面,生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的,在学习的过程可以结合框架的官方文档

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

Vue框架

知识要点:
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

WXS3vUqC-1715482981332)]

React框架

知识要点:
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-j4ApkCuf-1715482981333)]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值