
react
爱学习的前端er
这个作者很懒,什么都没留下…
展开
-
虚拟dom 真实dom
虚拟dom就是用js对象去描述一个dom结构,虚拟dom不是直接操作浏览器的真实dom,而是首先对ui的更新是在虚拟dom中进行,在变更高效的同步到真实dom中。跨平台性:与平台无关的概念,映射不同的渲染目标。eg:浏览器的dom或者移动端的原生ui.性能优化:减少不必要的dom操作。原创 2025-02-21 15:32:11 · 259 阅读 · 0 评论 -
react目录基本介绍
原因 是非空断言,告诉编辑器这个不会为空。public则不会被编译并且在同源下可进行访问。public目录的资源编译之后会存放到根目录,静态资源assets是会随着项目一起打包的。如果不这样写的话就需要加一个判断了。原创 2025-02-20 17:24:24 · 140 阅读 · 0 评论 -
react组件通信
1.父传子//父组件向子组件传值,通过props,将父组件的state传递给了子组件。/**父组件 */export default class Parent extends Component { constructor(props){ super(props) this.state={ message:"中秋节快乐呀" } } render(){ return( <Child txt={this.state.mess原创 2021-09-21 17:22:10 · 76 阅读 · 0 评论 -
react生命周期 constructor用法
import React, { Component } from 'react'class App extends Component { // 在js中,类在 new 实例化的时候,系统会默认调用constructor函数,在 Child类中,我们没有定义构造函数,那个系统会默认有一个constructor,并且会在里面调用super(); 当我们定义了构造函数之后,就使用我们定义的。所以我们自己定义的构造函数必须要调用super()对父类进行初始化。 // class Person {原创 2021-09-20 19:07:45 · 572 阅读 · 0 评论 -
react路由模式
1、BrowserRouter:浏览器的路由方式,也就是在开发中最常使用的路由方式2、HashRouter:在路径前加入#号成为一个哈希值,Hash模式的好处是,再也不会因为我们刷新而找不到我们的对应路径3、MemoryRouter:不存储history,所有路由过程保存在内存里,不能进行前进后退,因为地址栏没有发生任何变化4、NativeRouter:经常配合ReactNative使用,多用于移动端5、StaticRouter:设置静态路由,需要和后台服务器配合设置,比如设置服务端渲染时使原创 2021-09-14 15:21:08 · 479 阅读 · 0 评论