- 博客(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.jsx import { createSlic
2022-03-14 21:46:03
1198
1
原创 jquery
jquery juqery当函数来使用 // $(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
302
原创 解构赋值 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
892
原创 学习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
129
原创 学习第七天的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
58
原创 学习react第六天
学习react第六天 react的生命周期函数 更新的时候 constructor>render>componentMount； 2.修改的时候 render>componentUpdate 1.更新setState的时候render重新渲染会调用render和componentDidUpdate这两个方法 2.Props如果子组件接收了父组件的数据而父组件使用（setState）的数据改变了那么子组件的render也会触发 3.forceUpdate 调用这个方法不管页面有没有更
2021-10-02 18:53:12
122
原创 学习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
53
原创 学习react第四天
学习react第四天 备注:主要是组件之间的通讯和一个小练习 虽然有点长但是请耐心看完 可能会给你带来收获（初学者react的个人笔记） 基础组件state和setState的小练习 效果图: class Pubilsh extends react.Component{ constructor(){ super() this.state={ value:"", Arr:[ ], } } change=(e)=>{
2021-09-30 22:20:39
69
原创 学习react的第三天
React 第三天的学习 state和setState 组件有两种状态 函数组件叫做无状态组件,类组件叫做有状态组件 状态（state） 既数据 函数组件没有自己的状态,只负责数据的展示（静） 类组件有自己的状态，负责展示页面的更新，让页面动起来 state的基本使用 状态即数据 状态是私有的 在类中是用this.state获取 state是一个对象作用：修改 ui 状态（数据） 修改state数据可通过this.setState修改 class Count extends react.Comp
2021-09-29 23:32:33
72
原创 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
58
原创 这里是学习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
82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人