JSX，既不是字符串也不是HTML，本质上是一个 JavaScript 的语法扩展，且更接近于JavaScript，是通过React.createElement()创建的一个对象，称为React 元素。
如果是自定义方法，React不会自己去调用，因此一般使用变量+箭头函数的形式，将该自定义方法作为一个事件的触发函数
前段时间准备面试，总结了很多，下面是我在准备React面试时，结合自己的实际面试经历，以及我以前源码分析的文章，总结出来的一些 React高频面试题目。
组件之间复用状态逻辑很难，在hooks之前，实现组件复用，一般采用高阶组件和 Render Props，它们本质是将复用逻辑提升到父组件中，很容易产生很多包装组件，带来嵌套地域。
1、React DOM 在渲染所有输入内容之前，默认会进行转义。它可以确保在你的应用中，永远不会注入那些并非自己明确编写的内容。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS（cross-site-scripting, 跨站脚本）攻击。
这篇文章不会涵盖什么是React或者为什么你应该学习它。相反，这是对已经熟悉JavaScript并熟悉DOM API基础知识的人们对React.js的基础知识的实践介绍。
去年，我写了一本关于学习React.js的小书，原来是大约100页。 今年我要挑战自己，把它归纳为一篇文章。
Vue为vue动画提供的六个类: transition标签的name-enter, transition标签的name-leave 动画开始前动画元素的初始状态的 transition标签的name-enter-to, transition标签的name-leave-to 动画结束时元素的状态 transition标签的name-enter-active, transition标签的name-leave-active 动画的过渡状态
1. 如果变量同名，局部变量优先级高于全局变量。 2. 内存模型、作用域 * fun（）//作用域环境栈，调用的时候出栈，其中的局部变量的生命周期和其所在方法一致 * 全局变量和网页（window对象）一致 * 栈和堆中的变量的生命周期完全不一样。 * 考虑内存 * 全局作用域被销毁：例如浏览器退出、系统关闭 3. 关联数组：数组下标可以自定义，{}。length属性：无。for key in arr遍历。 * JavaScript的对象本质就是一个关联数
Context 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。
Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。主要分为以下几个步骤：
读者对象：本文面向熟悉 JavaScript、希望学习 React 的初学者，以及希望复习 React 组件的人。
Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。
为了帮助大家快速上手React Native开发，在这本节中将向大家介绍开发React Native所需要的一些React必备基础知识。
如果您尝试直接改变组件的状态，React 将无法得知它需要重新渲染组件。通过使用setState()方法，React 可以更新组件的UI。
Rust 1 是 Mozilla 公司开发的编程语言，它在 2010 才开始发布第一个版本，可以说是一个非常年轻的语言了。在提出一个新的编程语言的时候，设计者必须要回答的一个问题是「为什么要设计这样一个编程语言？」。对于 Rust 来说，他的目的就是要在保证安全的基础上不失对底层的控制力。
Google 在 2011 年首次正式提出 Web Components 组件化概念时，它主要依赖三个技术：Custom Element、Shadow Dom、HTML Templates。直到 2015 年 Google 才真正投入生产进行使用，那时其他浏览器厂商还没有大规模支持这个特性，应用起来存在很大的兼容问题。
本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。
Web Component 是一套不同的用于构建可重用并封装化的组件化技术，允许你创建可重用的定制元素（它们的功能封装在你的代码之外）并且在你的 web 应用中使用它们。它是由一组标准规范组成的。其中最重要的规范包括 Custom Elements、Shadow DOM、HTML Templates 和 HTML Imports。
由于只针对了以上 7 种方法进行了 hack 处理,所以其他数组的属性也是检测不到的,还是具有一定的局限性。
React是流行的javascript框架之一，在2019年及以后将会更加流行。React于2013年首次发布，多年来广受欢迎。它是一个声明性的、基于组件的、用于构建用户界面的高效javascript库。
众所周知，Web Components 是一种原生实现可服用web组件的方案，你可以理解为类似在vue、React这类框架下开发的组件。不同的是，基于这个标准下开发的组件可以直接在html下使用，不用依赖其他第三方的库。
今天，我们继续「前端面试」的知识点。我们来谈谈关于「React知识点」的相关知识点和具体的算法。
18 年转眼即逝，不同寻常的一样。这一年我毕业了，入坑前端。工作只用 vue ，自己又学了 react , TypeScript ,小程序，这些在工作中从未用到过。会一个框架没有用，会几个框架也没有用，能够在不同的业务解决不同的问题才是精华所在。我们最终都是要归根于公司的，公司用什么我们学什么，入职这家公司用这个我们学这个，入职那家公司我们学那个。工作需要什么我们学什么，框架说到底都是库，死磕文档就好了（大佬说的），道理是这样的。
1 只关注视图层， 采用自底向上增量开发的设计 2 易于上手，便于与第三方库或既有项目整合
React是pull的方式侦测变化,当React知道发生变化后,会使用Virtual Dom Diff进行差异检测,但是很多组件实际上是肯定不会发生变化的,这个时候需要用shouldComponentUpdate进行手动操作来减少diff,从而提高程序整体的性能.
JSX 是 JavaScript 语法的一种语法扩展，并拥有 JavaScript 的全部功能。JSX 生产 React "元素"，你可以将任何的 JavaScript 表达式封装在花括号里，然后将其嵌入到 JSX 中。在编译完成之后，JSX 表达式就变成了常规的 JavaScript 对象，这意味着你可以在 if 语句和 for 循环内部使用 JSX，将它赋值给变量，接受它作为参数，并从函数中返回它。
当 Facebook 第一次发布 React 时，他们还引入了一种新的 JS 方言 JSX，将原始 HTML 模板嵌入到 JS 代码中。JSX 代码本身不能被浏览器读取，必须使用Babel和webpack等工具将其转换为传统的JS。很多开发人员就能无意识使用 JSX，因为它已经与 React 结合在一直了。
我比较常用React， 这里就写了一篇 React 基础原理的内容， 面试基本上也就问这些， 分享给大家。
讲到前端架构，其实前端架构中最热门的就有两个话题，一个就是组件化，另一个就是架构模式。组件化的概念是从开始研究如何扩展 HTML 标签开始的，最后延伸出来的一套前端架构体系。而它最重要的作用就是提高前端代码的复用性。
当前世界中，技术发展非常迅速并且变化迅速，开发者需要更多的开发工具来解决不同的问题。本文就对于当下主流的前端开发技术React、Vue、Angular这三个框架做个相对详尽的探究，目的是为了解开这些前端技术的面纱，看看各自的庐山真面目。
2018 年我们写过一次 React 学习路线图（https://www.infoq.cn/article/AEkiVAiJf25LZmoUe_yc），两年过去了，又有哪些变化呢？
如果你是一位有抱负的前端程序员并准备面试，那么这篇文章很适合你。本文是你学习和面试 React 所需知识的完美指南。
Web components是一组Web平台API和用于创建和使用可重复使用的自定义HTML元素的规范，旨在帮助我们封装和打包其UI元素和功能，从而更容易构建模块化、可维护和可重用的Web应用程序组件。
最近自己身边有好几个小伙伴由于各种原因（个人，疫情等都有）离职了，但是今年好像都是行情不太好的一年。许多的小公司都倒闭了，大公司也裁员，所以离职的小伙伴好几个都在家待职 1-3 个月。由于自己身边的小伙伴当前处于这样一种状况，在职（活在舒适区）的我也有了一点危机感。于是自己整理里一份前端清单来巩固自己的前端知识，以便差缺补漏。
当 **Facebook** 第一次发布 React 时，他们还引入了一种新的 JS 方言 JSX，将原始 HTML 模板嵌入到 JS 代码中。JSX 代码本身不能被浏览器读取，必须使用Babel和webpack等工具将其转换为传统的JS。很多开发人员就能无意识使用 JSX，因为它已经与 React 结合在一直了。
其实我也不知道要怎么准备面试工作，我一直在准备，时刻准备着面试。既然不知道要怎么准备，那我就看看书吧，顺便推荐你看看。我要推荐一本书，《javascript 忍者秘籍2》，每次阅读都有不一样的收获。之前推荐这本书，只是简单的介绍了里面大概的目录结构。这一次我想对于每一个章节里我不懂的地方，或者说我认为重要的地方说一说。
「Vue 新版本的理念成型于 2018 年末，当时 Vue 2 的代码库已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，但在这段时期，前端世界已经今昔非比了
这段代码在运行之后会在控制台抛出错误,意思就是获取不到div元素，这里就涉及vue一个很重要的概念：异步更新队列
小程序实际的运行环境是在托管平台（也称为托管环境）。托管平台可以是本机应用程序（类似于 Web 浏览器），也可以是（嵌入的引擎）操作系统。 小程序通常需要经过托管平台审核才能上线，而** Web 应用只需要拥有一个 Web 服务器（以及可选的域名）即可上线。 其中，小程序包含一个全局的 [[[#manifest]]] 文件和零个或多个页面清单文件**。*清单文件通常采用 JSON 格式。如下所示，这是一个典型的小程序目录结构：*
解构的第一个参数是我们定义并且访问的数据状态，第二个参数则是当我们需要变动数据状态时所调用的方法，其作用类似类组件中的this.setState。
相信应用层面的知识，大家都比较熟悉了，实际 React 用来实现业务对于熟悉 Vue 的开发人员来说也不是难事，今天我们简单的了解一下 React 和 Vue 。（瞎聊聊）
在 React 组件中，应该在 componentDidMount 中发起网络请求。这个方法会在组件第一次“挂载”(被添加到 DOM)时执行，在组件的生命周期中仅会执行一次。更重要的是，你不能保证在组件挂载之前 Ajax 请求已经完成，如果是这样，也就意味着你将尝试在一个未挂载的组件上调用 setState，这将不起作用。在 componentDidMount 中发起网络请求将保证这有一个组件可以更新了。
每个React组件强制要求必须有一个 render()。它返回一个 React 元素，是原生 DOM 组件的表示。如果需要渲染多个 HTML 元素，则必须将它们组合在一个封闭标记内，例如 <form>、<group>、 等。此函数必须保持纯净，即必须每次调用时都返回相同的结果。02
总结： 类组件可以维护自身的状态变量，即组件的 state ，类组件还有不同的生命周期方法，可以让开发者能够在组件的不同阶段（挂载、更新、卸载），对组件做更多的控制。类组件则既可以充当无状态组件，也可以充当有状态组件。当一个类组件不需要管理自身状态时，也可称为无状态组件。
Vue3.0的设计目标可以概括为体积更小、速度更快、加强TypeScript支持、加强API设计一致性、提高自身可维护性、开放更多底层功能。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
