React-01课程介绍

最新推荐文章于 2025-02-15 14:49:52 发布

BoReFrontEnd

最新推荐文章于 2025-02-15 14:49:52 发布

阅读量590

点赞数

分类专栏： React 文章标签： React

本文链接：https://blog.youkuaiyun.com/BoReFrontEnd/article/details/103458311

版权

1 篇文章

订阅专栏

React起源于Facebook的内部项目，该公司积极尝试引入HTML5技术用来架设Instagram网站，开发中发现HTML5的性能下降明显，达不到预期的效果。他们就自己开发了React框架。

虚拟DOM：React也是以数据驱动的，每次数据变化React都会扫描整个虚拟DOM，自动计算与上次虚拟DOM的差异变化，然后针对需要变化的部分进行实际的浏览器DOM更新。（性能好，高效）
组件化：React可以从功能角度横向划分，将UI分解成不同组件，各组件都独立封装，整个UI是由一个个小组件构成的一个大组件，每个组件只关心自身的逻辑，彼此独立
单向数据流：React设计者认为数据双向绑定虽然便捷，但在复杂场景下副作用也是很明显，所以React更倾向于单向的数据流动-从父节点传递到子节点。（使用ReactLink也可以实现双向绑定，但不建议使用）

三大框架一大抄

Angular.js：较早的前端框架，（在印度比较多） 2009年（谷歌），学习曲线较陡，NG1学习起来比较麻烦，NG2-NG5开始，进行了一系列的改革，也提供了组件化开发的概念，从NG2开始，也支持使用TS（TypeScript）进行编辑；
Vue.js： 最火的（关注的人比较多，中国比较多）一门前端框架，它是中国人开发的，对我们来说，文档要友好一些。
React.js 最流行（用的人比较多，欧美比较多）的一门框架，因为它的设计很优秀；

什么是模块化：是从代码的角度来进行分析的，把一些可复用的代码，抽离为单个的模块，便于项目的维护和开发
什么是组件化：是从UI界面的角度来进行分析，把一下可复用的UI元素，抽离为单独的组件；便于项目的维护和开发
组件的好处：随着项目规模的增大，手里的组件越来越多，很方便就能把现有的组件，拼接为一个完整的页面。
Vue是如何实现组件化的：通过.vue文件、Vue.component()、Vue.extends(）来实现组件化。
```
 - template    结构
 - script      行为
 - style       样式
```
React是如何实现组件化的：React中有组件化的概念，但是，并没有像vue这样的组件化模板文件，React中，一切都是js来表现的；因此要学习React，js要合格，ES6和ES7（async和await）要会用。