React全家桶
文章平均质量分 96
React全家桶
Armin444
大三计算机在读
展开
-
React Hooks
问题:Hook 是什么?一个 Hook 就是一个特殊的函数,让你在函数组件中获取状态等 React 特性使用模式:函数组件 + Hooks特点:从名称上看,Hook 都以 use 开头,useState Hook。原创 2022-08-22 01:32:31 · 540 阅读 · 1 评论 -
React全家桶(六)redux状态管理
redux状态管理✍目录总览:redux为什么使用Redux:使用react进行大型项目开发时,需要管理的状态不仅数量很多而且相互共享,一个状态多个组件都要共享使用并且渲染,管理不断变化的 state 非常困难。所以我们需要把 state 进行统一管理,这样才能控制每一个state的变化,让我们的程序可读性更强,出错率更低。一、什么是Redux?Redux 是一个 JS 库,一个状态容器。作用: 集中式管理 React 应用中 多个组件共享的状态(1)它可以和 react,vue,ang原创 2022-04-27 16:36:48 · 2367 阅读 · 0 评论 -
React全家桶(五)React-router路由
React 路由✍目录总览:路由基本概念现代的前端应用大多都是SPA(单页应用程序),也就是只有一个HTML页面的应用程序。因为它的用户体验更好、对服务器的压力更小,所以更受欢迎。为了有效的使用单个页面来管理原来多个页面的功能,前端路由应运而生。SPA的概念1.单页Web应用(single page web application,SPA)。2.整个应用只有一个完整的html页面。3.点击页面中的链接不会刷新页面,只会做页面的局部更新。4.数据都需要通过ajax请求获取, 并在前端异步展原创 2022-04-27 16:27:57 · 1235 阅读 · 0 评论 -
React全家桶(四)axios请求数据
React请求接口数据一、React ajaxReact本身只关注于界面, 并不包含发送ajax请求的代码,前端应用需要通过ajax请求与后台进行交互(json数据),react应用中需要集成第三方ajax库(或自己封装)常用的ajax请求库jQuery: 比较重, 如果需要另外引入不建议使用axios: 轻量级, 建议使用,封装XmlHttpRequest对象的ajax,promise风格,可以用在浏览器端和node服务器端fetch: 原生函数, 但老版本浏览器不支持,不再使用XmlH原创 2022-04-19 19:47:09 · 1604 阅读 · 0 评论 -
React全家桶(三)React脚手架
React脚手架1、React脚手架React脚手架的概念:React脚手架和Vue脚手架类似,都是用来帮助程序员快速创建一个基于React的模板项目,包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖(基础的依赖库)可以直接运行一个简单效果项目的整体技术架构为: react + webpack + es6 + eslintReact脚手架的优点:● 无需配置;● 集成了对 React, JSX, ES6 和 Flow 的原创 2022-04-19 19:41:38 · 2128 阅读 · 0 评论 -
React全家桶(二)组件化编程
React面向组件编程一、模块化与组件化理解一、模块概念:向外提供特定功能的js程序, 一般就是一个js文件。为什么要拆成模块:随着业务逻辑增加,代码越来越多且复杂。作用:复用js, 简化js的编写, 提高js运行效率二、模块化当应用的js都以模块来编写的, 这个应用就是一个模块化的应用。三、组件概念:用来实现局部功能效果的代码和资源的集合(html/css/js/image等等)比如一个网页的头部部分,里面可以有css样式,img,js,html等,这放在一块就可以组成一个头原创 2022-04-15 14:37:58 · 453 阅读 · 0 评论 -
React全家桶(一)React入门
一、React简介1. 框架定义React是用于构建用户界面的JavaScript库,起源于Facebook的内部项目。2. react可以解决的问题3. react特点4.React高效的原因使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。DOM Diffing算法, 最小化页面重绘。原生JavaScript实现数据渲染(每次渲染从头开始,往100条数据里面添加一条就得重新渲染101条)React实现数据渲染(与原来的数据进行比较,把新增数据渲染到页面)原创 2022-04-12 11:35:11 · 971 阅读 · 0 评论