react学习笔记-day01

最新推荐文章于 2023-12-02 11:56:58 发布
最新推荐文章于 2023-12-02 11:56:58 发布
阅读量65 收藏
点赞数
分类专栏： react 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wjl18035210891/article/details/116335624
版权

1 html 使用 react

在这里插入图片描述

2 jsx 为什么要引入？

  • 解决虚拟dom创建问题

在这里插入图片描述

  • js

在这里插入图片描述

  • jsx

在这里插入图片描述
在这里插入图片描述
总结在这里插入图片描述

3 虚拟DOM的认识

在这里插入图片描述

4 jsx 规则

在这里插入图片描述

5 表达式和语句在这里插入图片描述

6 模块，组件，模块化，组件化

在这里插入图片描述

7 babel 翻译jsx

在这里插入图片描述

8 函数式组件

在这里插入图片描述

9 类组件

  • 普通类

在这里插入图片描述
？？？
在这里插入图片描述

  • 组件类
  • 在这里插入图片描述

10 函数组件和类组件对比

在这里插入图片描述

11 添加事件的三种方式

在这里插入图片描述

wjl18035210891
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-day-picker：React的轻量级日期选择器组件
02-03
npm install react-day-picker import DayPicker from " react-day-picker " ; import " react-day-picker/lib/style.css " ; export default function Hello () { return ; } 文献资料 在卡住？ v8即将到来！ 下...
React学习笔记-day01
m0_58481462的博客
07-13 234
React学习笔记 day01
React学习笔记-Day03
BlackStar的博客
05-03 234
目录 一、使用create-react-app创建react应用 react脚手架 创建项目并启动 react脚手架项目结构 功能界面的组件化编码流程（通用） 关于编写React项目时的知识点(可参考todos案例) 一、使用create-react-app创建react应用 react脚手架 xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目 包含了所有需要的配置（语法检查、jsx编译、devServer…） 下载好了所有相关的依赖 可以直接运行一个简单效果
React学习笔记-Day04
BlackStar的博客
05-04 110
一、React Ajax 说明 React本身只关注于界面(之前的笔记中提到过), 并不包含发送ajax请求的代码 前端应用需要通过ajax请求与后台进行交互(json数据) react应用中需要集成第三方ajax库(或自己封装) 常用的Ajax请求库 jQuery: 比较重, 如果需要另外引入不建议使用 axios: 轻量级, 建议使用 封装XmlHttpRequest对象的ajax promise风格 可以用在浏览器端和node服务器端 ..
React学习笔记-Day02
BlackStar的博客
05-02 339
一、React面向组件编程 函数式组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
React学习笔记-Day05
BlackStar的博客
05-05 123
一、React路由 1. SPA的理解 单页Web应用（single page web application，SPA）。 整个应用只有一个完整的页面。 点击页面中的链接不会刷新页面，只会做页面的局部更新。 数据都需要通过ajax请求获取, 并在前端异步展现。 2. 路由的理解 什么是路由? 一个路由就是一个映射关系(key:value) key为路径, value可能是function或component 路由分类 后端路由： 理解： value是function, 用来处
React学习笔记-Day06
BlackStar的博客
05-08 115
目录 一、reudx概述 1.redux是什么 2. 什么情况下需要使用redux 3. redux工作流程 二. redux的三个核心概念 1. action 2. reducer 3. store 三. redux的核心API 1. createstore() 2.store对象 四. redux异步编程 1.理解： 2. 使用异步中间件 五. react-redux 1. 理解 2. react-redux将所有组件分成两大类 3.react-redux 相关.
React学习笔记—Day01
BlackStar的博客
04-30 1209
React简介 react是什么？ React是用于构建用户界面的JavaScript库，即可以理解为React是一个将数据渲染为HTML视图的开源JavaScript库。 tip： 1、发送请求获取数据 2、处理数据(过滤、整理格式等) 3、操作DOM呈现页面 React只操作DOM，前面两个不在React的操作范围，需要个人自己处理。 为什么要学React？ 原生DOM操作的缺点： ...
react 学习笔记 day1
qq_32073261的博客
12-02 39
使用if语句，或者是条件运算符？react 是现在流行的三大前端框架之一。先定义数据 user.name = 某某值。2.显示数据，使用大括号包裹。
Vue课程学习笔记-day01
最爱谭先森的博客
06-19 184
1、介绍 1) 回顾 1. 底层代码操作 (古代，走路) 组件、页面布局 重构 交互 XMLHttpRequest(ajax) dom操作 DOM // 生成p标签 var p = document.createElement('p'); // 向p标签内部添加文本...
react学习笔记-附件资源
03-02
react学习笔记-附件资源
android手机应用源码Imsdroid语音视频通话源码.rar
05-20
android手机应用源码Imsdroid语音视频通话源码.rar
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
05-20
营销计划汇报PPT，市场品牌 推广渠道 产品 营销策略tbb.pptx
JavaScript_超过100种语言的纯Javascript OCR.zip
05-20
JavaScript
JavaScript_跨平台React UI包.zip
05-20
JavaScript
node-v16.17.0-headers.tar.xz
最新发布
05-20
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
520表白代码.rar
05-20
520表白html5爱心代码
一个简单的HTML5和CSS代码示例，用于创建一个动态的爱心形状，并在网页上展示一个类似520表白的消息 这个示例使用了CSS的
05-20
520表白html5爱心代码 一个简单的HTML5和CSS代码示例，用于创建一个动态的爱心形状，并在网页上展示一个类似520表白的消息。这个示例使用了CSS的动画效果和HTML的结构。
react 使用react-viewer --save
05-25
react-viewer 是一个基于 React 的图片浏览器组件，可以在网页中实现图片的预览和放大缩小等功能。如果你想在自己的项目中使用 react-viewer，可以通过以下命令来安装： ``` npm install react-viewer --save ``` ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值