1.虚拟DOM
我们以前操作dom的方式是通过document.getElementById()之类的方式,这样的过程实际上是先读取HTML的dom结构,将结构转换成变量,在进行操作
而ReactJS定义了一套变量形式的dom模型,一切操作和换算都直接在变量中,这样减少了操作真实dom,性能真实相当的高,和主流MVC框架有本质的区别,并不和dom打交道
2.组件系统
React 最核心的思想是将页面中任何一个区域或者元素度可以看做一个组件component
那什么是组件呢?
组件指的是同时包含了HTML css, js image元素的综合体
使用React开发的核心就是将页面拆分成若干个组件,并且react一个组件同时耦合了css,js ,image,这种模式整个垫付了过去的传统模式
3.单项数据流
ReactJs的核心内容就是数据绑定,所谓数据绑定指的是只要将一些服务端的数据和前端页面绑定好,开发者只需要关注实现业务就可以了。
4.JSX语法
在Vue中,我们使用render函数来构建组件的dom结构性能较高,因为省去了查找和编译模板的过程,但是在render中利用createElement创建结构的时候代码可读性比较低,较为复杂,此时可以利用JSX语法来在render中创建dom,解决这个问题,但是前提地需要实用工具来变异JSX