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

相关推荐
织_网1 分钟前
Electron 核心模块速查表
javascript·electron·策略模式
Ankle3 分钟前
vue3 父子组件v-model传值方法总结
前端·vue.js
EndingCoder3 分钟前
Electron 原生模块集成:使用 N-API
javascript·electron·node.js·桌面端
Liquidliang8 分钟前
用Claude Code构建AI创意工作流:连接nano banana与veo3
前端·aigc
半花9 分钟前
【Vue】defineProps直接和withDefaults设置默认值区别
前端·vue.js
游九尘9 分钟前
服务器都是用的iis, 前端部署后报跨域,不是用同一个服务器 是前端项目的服务器做Nginx转发,还是后端项目的服务器做Nginx转发?
服务器·前端·nginx
携欢12 分钟前
PortSwigger靶场之DOM XSS in jQuery selector sink using a hashchange event通关秘籍
前端·jquery·xss
Apifox25 分钟前
如何让 Apifox 发布的在线文档具备更好的调试体验?
前端·后端·测试
咔咔一顿操作29 分钟前
【CSS 3D 交互】打造沉浸式 3D 照片墙:结合 JS 实现拖拽交互
前端·javascript·css·3d·交互·css3
0x00031 分钟前
Uniapp - 自定义 Tabbar 实现
前端·uni-app