react

作者: 战神七小姐 | 来源:发表于2018-12-28 20:46 被阅读0次
  1. React的特点

  2. 声明式设计

  3. 高效

  4. 灵活

  5. JSX(JavaScript的语法扩展)

  6. 组件:代码易复用

  7. 单向相应的数据流

  8. React:

(1) 是一个用于构建用户页面的JavaScript库

(2) 主要用于构建UI 是mcv中的v

(3) 起源于facebook,用来架设instagram

(4) 高性能

  1. JSX的优点:

(1) 设计jsx是被优化过了,性能好

(2) 编译过程中就能发现错误:类型安全

(3) 语法简洁,可以在js中写HTML

  1. JSX:JavaScript的语法扩展

  2. {

元素是构成React应用的最小的单位

React元素是不可改变的,被创建后无法改变其内容或属性

React只会更新改变的数据

JSX的表达式为{},不能使用if else 但可以使用conditional(三元运算)

}

  1. React总结:

(1) 综合渲染性能强,结合jsx和dif算法,通过建虚拟dom与原dom树的比较,替换改变的模板

(2) 误区:原生js实现渲染性能好

  1. 下面的作用:

(1) Dependencies:项目依赖,生产版本

(2) devDependencies:模板依赖,开发版本

(3) Devtool:eval-source-map使报错更详细

(4) Babel:js解析器

(5) babel-loader:解析js文件

(6) babel-preset-env:Es6转Es5

(7) Xml:一种数据格式,标签必须闭合

(8) Cdn:内容分发网络,解决网络拥挤问题,提升网络教育

相关文章

  • React基础

    react 教程 react 组件介绍 react state 介绍 react Props 介绍 React:组...

  • 学习react no.1

    学习react no.1 react 定义 react 特点 react

  • React Native 学习之路

    React 相关资料 React Components React Properties React State ...

  • React基础

    React包含react元素和react组件 react元素 react组件 react组件分为函数组件和类组件 ...

  • React面试题 整理脑图

    react基础 React生命周期 react-router react进阶 react Hooks redux 其他

  • react 导入中的 as

    import React from 'react'只导入 是 React。 而import * as React ...

  • ES5与ES6小结部分

    1var React=require('react'); 等价 import React from ' react...

  • React DnD基础概念和整体架构

    React DnD 的英文是 Drag and Drop for React。React DnD 是 React ...

  • React

    React 《React 官网文档》 React简介 React概念 React官网学习实践 - jSX简介 Re...

  • React学习笔记_01

    React 基础组件 react概述 npm i react react-dom react包 是核心,提供创建元...

网友评论

      本文标题:react

      本文链接:https://www.haomeiwen.com/subject/avaelqtx.html