2023 年 5月随笔档案 - 泡椒不辣

React笔记-Hooks(九)

摘要：# React笔记-Hooks(九) ## Hooks ### 概念 >React Hooks 的意思是组件尽量写成纯函数如果需要外部功能和副作用就用钩子把外部代码"钩"进来 ### 函数组件和类组件区别 >- 函数组件没有状态(state) 类组件有 >- 函数组件没有生命周期类组件有(挂阅读全文

posted @ 2023-05-22 19:54 泡椒不辣阅读(211) 评论(0) 推荐(1)

React笔记-生命周期(七)

摘要：React笔记-生命周期(七) 生命周期值React组件从装载到卸载的全过程在这个过程中React提供了多个内置函数供开发者在不同阶段执行需要的逻辑状态组件由3个阶段组成挂载阶段(MOUNTING) 更新阶段(UPDATING) 卸载阶段(UNMOUNT) 从纵向划分为2个阶段 Render阶阅读全文

posted @ 2023-05-15 09:26 泡椒不辣阅读(91) 评论(0) 推荐(0)

React笔记-组件通信(六)

摘要：React笔记-组件通信(六) props概念 props是组件之间通讯的纽带 props也是组件中内置的一个属性通过父级组件传入在类组件里可以直接通过this.props获取注意: props是不可变的(只读) 修改需要从传值的组件中修改 props改变会使视图重新渲染组件传值父传子阅读全文

posted @ 2023-05-11 18:46 泡椒不辣阅读(73) 评论(0) 推荐(1)

React笔记-渲染列表Key(五)

摘要：React学习笔记-渲染列表Key(五) 渲染列表需要添加key属性 import React from "react" export default class LearnKey extends React.Component { state = { infos : [ {name : 'Bob' 阅读全文

posted @ 2023-05-09 20:59 泡椒不辣阅读(46) 评论(0) 推荐(0)

React笔记-state(四)

摘要：React学习笔记-state(四) 概念 state的主要作用是用于组件保存控制以及修改自己的状态它算是组件的私有属性不可通过外部访问和修改只能通过组件内部的this.setState来修改修改state属性会导致组件的重新渲染注意: 如果直接通过this.state.xxx的方式修改阅读全文

posted @ 2023-05-09 20:59 泡椒不辣阅读(43) 评论(0) 推荐(0)

React笔记-事件(三)

摘要：React学习笔记-事件(三) 定义事件 React 元素的事件处理和 DOM 元素的很相似但是有一点语法上的不同 React 事件的命名采用小驼峰式(camelCase)而不是纯小写如点击事件onClick import React from 'react' export default cl 阅读全文

posted @ 2023-05-09 20:58 泡椒不辣阅读(32) 评论(0) 推荐(0)

React笔记-样式(二)

摘要：React学习笔记-样式(二) 内联样式 import React from "react"; export default class LearnStyle extends React.Component { render () { return ( <div> {/* 以下两种方法都可以一种不阅读全文

posted @ 2023-05-09 20:58 泡椒不辣阅读(39) 评论(0) 推荐(0)

React笔记-组件(一)

摘要：React学习笔记-组件(一未完成) 特点声明式组件化跨平台 React脚手架 a. 全局安装react脚手架 create-react-app npm install create-react-app -g & npx create-react-app my-app b. 使用create- 阅读全文

posted @ 2023-05-09 20:57 泡椒不辣阅读(39) 评论(0) 推荐(0)

JavaScript原生兼容大全-持续更新

摘要：JavaScript兼容-持续更新 1.css非行内样式操作 // currentStyle用于IE低版本 getComputed用于主流浏览器 // element 目标元素 attribute 目标属性 function getStyle(element, attribute) { return 阅读全文

posted @ 2023-05-08 10:59 泡椒不辣阅读(46) 评论(0) 推荐(0)

JavaScript原生封装大全-持续更新

摘要：JavaScript原生封装大全-持续更新 1.Ajax封装 // 使用该封装需注意 // Ajax(method(默认GET), url(网址必传), success(res){(成功时数据处理函数必传)}, error(res)(失败时数据处理函数), data(网址中qurey部分用对象阅读全文

posted @ 2023-05-06 17:56 泡椒不辣阅读(74) 评论(0) 推荐(0)