React
文章平均质量分 93
学习React专栏!
爱吃糖的范同学
https://lunaticer.gitee.io/ai-rise-code/ 个人站点
展开
-
【React】<JavaScript框架>React概述&虚拟DOM&JSX规范
目录一、React概述:React特点:二、React基本使用:1.创建虚拟DOM的两种方式:使用JSX方式创建虚拟DOM:使用原生JavaScript创建虚拟DOM:2.虚拟DOM:三、JSX:1.JSX概述:2.基本语法规则:四、模块与组件、模块化和组件化理解:1.模块:2.组件:3.模块化:4.组件化:一、React概述:React – A JavaScript library for building user interfa...原创 2022-01-28 19:41:35 · 766 阅读 · 0 评论 -
【React】<JavaScript框架>React面向组件编程&组件的三大核心属性
目录一、React开发者工具安装:二、组件定义:1.函数式组件:2.类式组件:类的创建:类的继承:创建类式组件:三、原生JS事件绑定复习:四、类中方法this指向:四、组件的三大核心属性:1.state:2.props:3.refs:一、React开发者工具安装:React Developer Tools:基于Chrome浏览器二、组件定义:1.函数式组件:<!DOCTYPE html><html lang..原创 2022-01-30 15:02:47 · 699 阅读 · 0 评论 -
【React】<JavaScript框架>事件处理&高阶函数&函数柯里化
一、事件处理:通过onXxx属性指定事件处理函数(注意大小写) React使用的是自定义(合成)事件, 而不是使用的原生DOM事件(为了更好的兼容性) React中的事件是通过事件委托方式处理的(委托给组件最外层的元素)(更高效) 通过event.target得到发生事件的DOM元素对象(不过度依赖ref)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">..原创 2022-01-30 20:52:28 · 824 阅读 · 0 评论 -
【React】<JavaScript框架>React组件的生命周期
目录一、生命周期引例:二、组件的生命周期(旧版本):1.初始化阶段:2.更新阶段:3.卸载组件:三、组件的生命周期(旧版本):1. 初始化阶段:2. 更新阶段:3. 卸载组件:4.getSnapshotBeforeUpdate用法:一、生命周期引例:组件被渲染到页面上,我们称为组件挂载;组件从页面中移除,我们称为组件卸载!<!DOCTYPE html><html lang="en"><head> <...原创 2022-02-01 14:28:22 · 70 阅读 · 0 评论 -
【React】<JavaScript框架>React脚手架&组件编码流程
目录一、React脚手架概述:二、React脚手架环境搭建:三、React脚手架项目结构解析:四、简单的Hello组件:index.html:APP.js:index.js:Hello.css:Hello.jsx:功能界面的组件化编码流程(通用)一、React脚手架概述:xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置(语法检查、jsx编译、devServer…) 下载好了所有相关的依赖 可以直接运行一..原创 2022-02-04 16:17:30 · 821 阅读 · 0 评论