JavaScript的if关键字，吐血整理

背景

我18年本科毕业&＃xff0c;年前已有换工作想法&＃xff0c;一直没有付诸行动&＃xff0c;疫情爆发后回到老家&＃xff0c;年后开始找工作&＃xff0c;对于自己水平不是很清楚&＃xff0c;之前找工作一直都挺顺利的。大学毕业没有留在实习单位继续做前端开发&＃xff0c;那时候三大框架已经开始流行了&＃xff0c;实习公司用的还是jquery。回老家学了一个月的车和vue、小程序后&＃xff0c;凭着自学做的项目找了一周工作入职第一家公司。面试经验比较少&＃xff0c;想着多面面看看对方公司的反馈。年前还没开始准备就面了腾讯&＃xff0c;终止于二面&＃xff0c;所以说还是要好好复习再面大厂。

面的岗位以两三年为主&＃xff0c;虽然我是1.5年经验&＃xff0c;但有的岗位年限要求没那么严格也可以试试&＃xff0c;尤其写的优秀者可放宽年限要求。面了四五家&＃xff0c;有上市公司&＃xff0c;也有小公司&＃xff0c;都是远程面试。

基本知识

1. 区分Real DOM和Virtual DOM

2. 什么是React&＃xff1f;

• React 是 Facebook 在 2011 年开发的前端 Javascript 库。
• 它遵循基于组件的方法&＃xff0c;有助于构建可重用的UI组件。
• 它用于开发复杂和交互式的 Web 和移动 UI。
• 尽管它仅在 2015 年开源&＃xff0c;但有一个很大的支持社区。

3. React有什么特点&＃xff1f;

React的主要功能如下&＃xff1a;

1&＃xff09;它使用虚拟DOM 而不是真正的DOM。
2&＃xff09;它可以用服务器端渲染。
3&＃xff09;它遵循单向数据流或数据绑定。

4. 列出React的一些主要优点。

React的一些主要优点是&＃xff1a;

1&＃xff09;它提高了应用的性能
2&＃xff09;可以方便地在客户端和服务器端使用
3&＃xff09;由于 JSX&＃xff0c;代码的可读性很好
4&＃xff09;React 很容易与 Meteor&＃xff0c;Angular 等其他框架集成
5&＃xff09;使用React&＃xff0c;编写UI测试用例变得非常容易

5. React有哪些限制&＃xff1f;

React的限制如下&＃xff1a;

1&＃xff09;React 只是一个库&＃xff0c;而不是一个完整的框架
2&＃xff09;它的库非常庞大&＃xff0c;需要时间来理解
3&＃xff09;新手程序员可能很难理解
4&＃xff09;编码变得复杂&＃xff0c;因为它使用内联模板和 JSX

6. 什么是JSX&＃xff1f;

JSX 是J avaScript XML 的简写。是 React 使用的一种文件&＃xff0c;它利用 Javascript 的表现力和类似 HTML 的模板语法。这使得 HTML 文件非常容易理解。此文件能使应用非常可靠&＃xff0c;并能够提高其性能。

7. 你了解 Virtual DOM 吗&＃xff1f;解释一下它的工作原理。

Virtual DOM 是一个轻量级的 Javascript 对象&＃xff0c;它最初只是 real DOM 的副本。它是一个节点树&＃xff0c;它将元素、它们的属性和内容作为对象及其属性。 React 的渲染函数从 React 组件中创建一个节点树。然后它响应数据模型中的变化来更新该树&＃xff0c;该变化是由用户或系统完成的各种动作引起的。

Virtual DOM 工作过程有三个简单的步骤。

1&＃xff09;每当底层数据发生改变时&＃xff0c;整个 UI 都将在 Virtual DOM 描述中重新渲染。
2&＃xff09;然后计算之前 DOM 表示与新表示的之间的差异。
3&＃xff09;完成计算后&＃xff0c;将只用实际更改的内容更新 real DOM。

8. 为什么浏览器无法读取JSX&＃xff1f;

浏览器只能处理 Javascript 对象&＃xff0c;而不能读取常规 Javascript 对象中的 JSX。所以为了使浏览器能够读取 JSX&＃xff0c;首先&＃xff0c;需要用像 Babel 这样的 JSX 转换器将 JSX 文件转换为 Javascript 对象&＃xff0c;然后再将其传给浏览器。

最后

一个好的心态和一个坚持的心很重要&＃xff0c;很多冲着高薪的人想学习前端&＃xff0c;但是能学到最后的没有几个&＃xff0c;遇到困难就放弃了&＃xff0c;这种人到处都是&＃xff0c;就是因为有的东西难&＃xff0c;所以他的回报才很大&＃xff0c;我们评判一个前端开发者是什么水平&＃xff0c;就是他解决问题的能力有多强。

分享一些简单的前端面试题以及学习路线给大家&＃xff0c;狂戳这里即可免费领取

ocs.qq.com/doc/DSmRnRGxvUkxTREhO)**

[外链图片转存中…(img-H9K5JIiT-1622545568316)]