![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react学习
dauntless1310
这个作者很懒,什么都没留下…
展开
-
ReactP9_不可变数据的力量_事件总线_ref_受控/非受控组件
ReactP8_不可变数据的力量_事件总线_ref_受控/非受控组件不可变数据的力量(The Power Of Not Mutating Data)事件总线关于ref受控/非受控组件受控组件非受控组件这边是react学习记录,期间加入了大量自己的理解,用于加强印象,若有错误之处还请多多指出不可变数据的力量(The Power Of Not Mutating Data)不可变数据的力量,代表的就是不可变数据设计原则。React的生命周期中每次调用ComponentShouldUpdate()会获取pr原创 2020-09-17 00:12:49 · 251 阅读 · 1 评论 -
ReactP8_setState详解_React更新机制_render调用优化
React学习D8_setState详细解析_React性能优化原创 2020-09-14 13:57:38 · 1032 阅读 · 0 评论 -
ReactP7_React的组件化开发(二)_super(props)传值问题_组件通信子传父_Context
React学习D7_React的组件化开发(二)原创 2020-09-11 23:12:47 · 262 阅读 · 0 评论 -
ReactP6_React的组件化开发(一)_React组件化_类组件_render函数返回值_函数组件_生命周期及函数_组件嵌套以及通信
React学习D6_React的组件化开发原创 2020-09-10 14:33:40 · 897 阅读 · 0 评论 -
ReactP5_React脚手架的详解
React脚手架的详解原创 2020-09-09 23:45:15 · 545 阅读 · 0 评论 -
ReactP4_JSX=>虚拟DOM=>真实DOM_阶段性案例
React学习D4_JSX=>虚拟DOM=>真实DOM_阶段性案例关于JSXbabel转换React.createElement源码虚拟DOM阶段性案例关于JSXjsx 从本质上来说是 React.createElement(component, props, …children) 函数的语法糖而所有的jsx都会通过类似于babel这样的js编译器被转换成React.createElement的函数调用关于babel的转换可以在babel的官方网站查找babel转换关于babel转换原创 2020-09-06 14:06:33 · 224 阅读 · 2 评论 -
ReactP3_JSX使用_React事件绑定_this绑定问题_事件参数传递_React条件渲染_React列表渲染
React学习D3_JSX使用_React事件绑定_this绑定问题_事件参数传递_React条件渲染_React列表渲染JSX使用——绑定属性普通属性的绑定class的绑定内联样式绑定React事件绑定和this绑定的问题事件参数传递React条件渲染列表渲染这边是react学习笔记,期间加入了大量自己的理解,用于加强印象,若有错误之处还请多多指出改变一下文章结构,方便后面来查询JSX使用——绑定属性普通属性的绑定function getSizeImage(imgUrl, size) {原创 2020-09-04 16:45:53 · 331 阅读 · 0 评论 -
ReactP2_两个简单案例(列表展示和计数器)_JSX核心语法
React学习D2_两个简单案例(列表展示和计数器)_JSX核心语法两个简单案例列表展示计数器JSX核心语法jsx语法关于注释JSX嵌入数据JSX嵌入表达式这边是react学习笔记,期间加入了大量自己的理解,用于加强印象,若有错误之处还请多多指出开始有一个ES6的class讲解,个人学过好些后端OOP语言,这一块听的比较随意,也不做笔记两个简单案例列表展示假设现在一个App类的构造器提供了以下数据结构,现在要求在网页中使用ul>li将movies数组中的每一条信息展示出来construct原创 2020-09-03 17:16:36 · 262 阅读 · 0 评论 -
ReactP1_React介绍_简单组件化开发案例
React介绍这边是react学习笔记,期间加入了大量自己的理解,用于加强印象,若有错误之处还请多多指出什么是react官方解释:一种用于构建用户界面的JavaScript库前端开发三个主要技术:HTML —— 用于构建页面的结构CSS —— 构建页面的样式JavaScript —— 页面动态内容和交互但是对应的使用这些技术开发会面临几个主要的问题,比如:1、操作DOM兼容性的问题(需要兼容IE的时候是真的恶心人)2、过多兼容性代码的冗余问题3、代码组织和规范的问题原创 2020-09-02 10:35:42 · 226 阅读 · 0 评论