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的安装和离线功能

相关推荐
超哥--2 小时前
B站视频内容智能分析系统(九):React 前端与管理面板
前端·react.js·前端框架
Cutecat_5 小时前
视频字幕处理工具横向:提取模式 vs 编辑模式,该如何选择
android·前端·ios·语音识别
dsyyyyy11015 小时前
JavaScript变量
开发语言·javascript·ecmascript
qq_422152575 小时前
PDF 加水印工具怎么选?2026 年文档版权保护方案对比
前端·pdf·github
kyriewen5 小时前
手写 Promise.all、race、any:不到 30 行代码,解决并发异步的所有姿势
前端·javascript·面试
brucelee1866 小时前
OpenClaw 浏览器控制(Chrome MCP)完整教程
前端·chrome
ct9787 小时前
React 状态管理方案深度对比
开发语言·前端·react
胡志辉的博客7 小时前
深入浅出理解浏览器事件循环:从一道输出题讲到 Chrome 源码
前端·javascript·chrome·chromium·event loop
代码不加糖7 小时前
js中不会冒泡的事件有哪些?
前端·javascript·vue.js
懂懂tty7 小时前
Vue2与Vue3之间API差异
前端·javascript·vue.js