React整理杂记(一)

1.React三项依赖

1.react.js -> 核心代码

2.react-dom.js -> 渲染成dom

3.babel.js->非必须,将jsx转为js

类组件中直接定义的方法,都属于严格模式下

this的绑定可以放到constructor(){}中

2. JSX语法

1.可以直接插入的元素: number | string | Array

2.必须得有根元素,建议(<></>)

  1. class的绑定, 第三方库classnames

3. this的绑定

默认绑定:window | undefined·

隐式绑定: object.fn()

显示绑定:call apply bind

new绑定:new Object()

事件绑定的三种方式:

1.bind绑定this

2.在class上直接写箭头函数 btn = () => {}

3.onClick上传递箭头函数

4. PWA

渐进式web应用, 可以添加App manifest 和service worker 实现PWA的安装和离线功能

相关推荐
朱涛的自习室3 分钟前
高价软件已死,我让 AI 开启了「平替计划」(Day 7 / 7)
android·前端·github
沙蒿同学18 分钟前
Wails v3 实战:一个桌面提醒客户端,从 v2 升到 v3 的全过程
前端·后端·github
inquisiter37 分钟前
KernelGpt的部分尝试
java·前端·apache
the局外人1 小时前
用 TRAE 把 Markdown文档 搬到微信公众号
前端
Autumn_ing1 小时前
AI原型设计工具怎么选?可编辑原型与可运行前端适合什么场景
前端·小程序·产品经理·代码·codex·墨刀ai客户端·ai原型
夕阳_醉了2 小时前
前端通用组件开发全指南|从 0 到 1 打造稳定可复用的业务组件
前端
Amos_Web2 小时前
Rspack 源码解析(三十):SourceMapDevToolPlugin 如何生成并关联 source map
前端
console.log('npc')2 小时前
从0到1实现任务评价统计功能:React + TypeScript 实战指南(小白注释版)
前端·react.js·typescript
IT_陈寒2 小时前
为什么你应该学习React?
前端·人工智能·后端
ZoeLandia2 小时前
React04:事件处理与受控表单
开发语言·前端·react.js·typescript