- 博客(11)
- 收藏
- 关注
RSS订阅原创 redux-thunk使用
redux-toolkit这是一款状态管理的一种使用在src创建 stroe文件在 src/store/index// store 主要存储一些多个状态管理的集中管理文件import { configureState } from '@reduxjs/toolkit'const store = configureState({ reducer:{ }})在src/features/counter/index.jsximport { createSlic
2022-03-14 21:46:03
1248
1
原创 jquery
jqueryjuqery当函数来使用// $(function(){}) 当函数来使用类似于 js 的window.οnlοad=function(){}// 当css选择器来使用 (获取dom)// $("#table div") 获取的就是一个伪数组// 当dom节点来使用（获取dom）// let box=document.querySelector(".box")// $("box") 获取一个伪数组// 当一个html结构来使用(创建一个html结构)// $("<div
2021-11-26 16:42:45
352
原创 解构赋值 rest运算符 扩展运算符 数组的方法 对象简写
解构赋值对象解构// <!-- 对象解构赋值 -->//let a={ name:"张三", b:{ height:100, c:{ width:500 } }}let {name,b:{height,c:{width}}}=a数组解构// 数组解构赋值// 数组也可以当作对象来解构let arr=["张三",'xx','XXXX','XXXXXX'];let [arrA,Arr
2021-11-19 16:58:41
944
原创 学习react的第八天
学习react 的第八天 （路由重要的知识点）路由的创建安装和使用（请务必看完）(此代码包含的知识点 安装 导入 路由 路由的使用 和编程式导航)import react,{Component} from 'react'import reactDom from 'react-dom'// react路由的应用// 使用yarn add react-router-dom 下载路由// ...导入// import {BrowserRouter as Router,Route,Link}
2021-10-07 21:44:00
158
原创 学习第七天的react
react第七天react setState（方法补充）this.state是异步的所以点击第一次的时候还是未改变前的数据推荐语法 this.setState(()=>{return {}})推荐语法第一个参数修改状态（state数据）第二个参数：状态修改完毕之后立即执行class App extends Component{ state={ name:"shen", count:1, } // 异步setState // updateName=()=
2021-10-06 18:40:49
79
原创 学习react第六天
学习react第六天react的生命周期函数更新的时候 constructor>render>componentMount；2.修改的时候 render>componentUpdate1.更新setState的时候render重新渲染会调用render和componentDidUpdate这两个方法2.Props如果子组件接收了父组件的数据而父组件使用（setState）的数据改变了那么子组件的render也会触发3.forceUpdate 调用这个方法不管页面有没有更
2021-10-02 18:53:12
154
原创 学习react第五天
学习react第五天props中的children属性children 属性 ：如果组件是双标签并且双标签内部有内容的话使用children就可以获取到双标签里面的内容（这个内容可以是标签，组件，函数，文本）有点像原生的children文本文本内容class Children extends react.Component{ render(){ return (<span>我是组件{this.props.children}</span>) }}reac
2021-10-01 22:37:08
71
原创 学习react第四天
学习react第四天备注:主要是组件之间的通讯和一个小练习 虽然有点长但是请耐心看完 可能会给你带来收获（初学者react的个人笔记）基础组件state和setState的小练习效果图:class Pubilsh extends react.Component{ constructor(){ super() this.state={ value:"", Arr:[ ], } } change=(e)=>{
2021-09-30 22:20:39
109
原创 学习react的第三天
React 第三天的学习state和setState组件有两种状态函数组件叫做无状态组件,类组件叫做有状态组件状态（state） 既数据函数组件没有自己的状态,只负责数据的展示（静）类组件有自己的状态，负责展示页面的更新，让页面动起来state的基本使用状态即数据状态是私有的在类中是用this.state获取state是一个对象作用：修改 ui 状态（数据）修改state数据可通过this.setState修改class Count extends react.Comp
2021-09-29 23:32:33
97
原创 react第二天
react第二天JSX核心JSX是react的核心内容jsx表示在js代码中写HTML结构,是react声明式的体现使用jsx配合嵌入js表达式，条件渲染 ，和列表渲染（map）可以描述任意ui结构推荐使用className给jsx加上样式React完全利用JavaScript语言自身的能力来编写ui，而不是造轮子来增加html功能在jsx使用css样式// 导入css文件import './css/index.css'//jsx的样式处理// 使用style :// 在sty
2021-09-28 22:41:31
88
原创 这里是学习react的第一天
学习react的第一天React.createElement(“标签名字”,标签属性可以是对象比如:{id:‘null’,title:nill},子节点)要求:React.createEelement要求知道就行 创建html解构太复杂但是要知道创建react元素参数一：创建元素的名称参数二：表示元素的属性参数三：个参数表示元素的节点const react=React.createElement(“span”,{title:“审理”,id:‘react’},‘hell react’)reac
2021-09-28 22:39:51
111
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人