![](https://img-blog.csdnimg.cn/66bb1e5fb59a41a2b1a296121cb2c683.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
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 · 779 阅读 · 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 · 707 阅读 · 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 · 830 阅读 · 0 评论 -
【React】<JavaScript框架>React组件的生命周期
目录 一、生命周期引例: 二、组件的生命周期(旧版本): 1.初始化阶段: 2.更新阶段: 3.卸载组件: 三、组件的生命周期(旧版本): 1. 初始化阶段: 2. 更新阶段: 3. 卸载组件: 4.getSnapshotBeforeUpdate用法: 一、生命周期引例: 组件被渲染到页面上,我们称为组件挂载;组件从页面中移除,我们称为组件卸载! <!DOCTYPE html> <html lang="en"> <head> <...原创 2022-02-01 14:28:22 · 71 阅读 · 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 · 830 阅读 · 0 评论