react重要思想:组件化(按钮组件、对话框组件、日期组件等等)、JSX语法

react把代码和正式渲染目标隔离开来,除了可以在浏览器渲染到DOM来开发网页,还能用于开发原生移动运用

1.专注视图层:同时也包含v和c的库,对于复杂场景,可自行选择业务层框架

2.virtual Dom:提升性能,方便了和其他平台的集成

3.函数式编程:声明式编程(可重复利用)

JSX语法:

1.XML基本语法:

定义标签时,只允许被一个标签包裹

标签一定要闭合

2.元素类型:

组件元素首字母必须大写;

元素属性:标注属性,除:class改为className,for属性改为htmlFor

自定义属性时小驼峰写法

展开属性:es6的 rest/spread特性提高效率

<Component {...data} />

自定义HTML属性:如果在JSX中传入自定义属性,React是不会渲染的,如果要使用自定义HTML属性,要使用data-前缀

javaScript属性表达式:用{}替换“”即可

HTML转义:防止XSS

React组件:

狭义上的组件:UI组件(Tabs组件,围绕动作上的抽象)

广义上的组件:(带有业务含义和数据的UI组件组合,不仅有交互动作,更重要的是数据与界面之间的交互)

最新文章

  1. angular服务一
  2. 用nhibernate的几点小经验
  3. 读取XML文件的节点内的内容
  4. Unity3D 4.x 使用Mecanim实现连击
  5. 用sinopia搭建npm私服
  6. php include include_once require require_once 的区别与联系
  7. Keil的c语言编译器
  8. Windows 已在 DImageProcess.exe 中触发一个断点。
  9. 解决tomcat占用8080端口
  10. Spider_Man_4 の BeautifulSoup
  11. Angular记录(2)
  12. Django 路由
  13. Path for IClasspathEntry must be absolute:
  14. python笔记(优化相关)
  15. 会使用基本的Render函数后,就会想,这怎么用 v-for/v-if/v-model;我写个vue Render函数进阶
  16. Android开发之adb,$Sqlite篇
  17. 【前端安全】JavaScript防XSS攻击
  18. android开发(32) android 中 actionbar 常用方法。设置标题,隐藏图标等
  19. PL SQL基本内容(原创)
  20. Python运维开发基础07-文件基础

热门文章

  1. IDEA报错No Spring WebApplicationInitializer types detected on classpath
  2. Python设计模式 - UML - 通信图(Communication Diagram)
  3. I/O多路复用之 epoll 详解
  4. 关于STM32CubeMX使用LL库设置PWM输出
  5. 微信小程序日历面板插件
  6. 11.20 正则表达式 断言(?=exp)
  7. Vue源码学习(一)———数据双向绑定 Observer
  8. docker mysql 主主同步
  9. centos7 安装mysql5.7.20(yum方式)
  10. Servlet之过滤器(Filter)