react
2018-12-28 本文已影响0人
战神七小姐
-
React的特点
-
声明式设计
-
高效
-
灵活
-
JSX(JavaScript的语法扩展)
-
组件:代码易复用
-
单向相应的数据流
-
React:
(1) 是一个用于构建用户页面的JavaScript库
(2) 主要用于构建UI 是mcv中的v
(3) 起源于facebook,用来架设instagram
(4) 高性能
- JSX的优点:
(1) 设计jsx是被优化过了,性能好
(2) 编译过程中就能发现错误:类型安全
(3) 语法简洁,可以在js中写HTML
-
JSX:JavaScript的语法扩展
-
{
元素是构成React应用的最小的单位
React元素是不可改变的,被创建后无法改变其内容或属性
React只会更新改变的数据
JSX的表达式为{},不能使用if else 但可以使用conditional(三元运算)
}
- React总结:
(1) 综合渲染性能强,结合jsx和dif算法,通过建虚拟dom与原dom树的比较,替换改变的模板
(2) 误区:原生js实现渲染性能好
- 下面的作用:
(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:内容分发网络,解决网络拥挤问题,提升网络教育