一、React 框架简介 介绍 CS 与 BS结合：像 React，Vue 此类框架，转移了部分服务器的功能到客户端。将CS 和 BS 加以结合。客户端只用请求一次服务器，服务器就将所有js代码返回给客户端，所有交互类操作都不再依赖服务器。 客户端只有在需要服务器的数据时才会使用json通信一下，其他时间都在客户端利用js操作、暂存数据这样就极大减轻了服务器压力。 React 特性 ○ 虚拟DOM树 React 通过对 DOM 的模拟，最大限度地减少与DOM的交互。将网页的

还记得上一次写React项目还是写的class component，不知不觉，React已经进入了使用hooks的时代。今天，就先跟大家分享说明一下项目中常用的配置，以后时间再写一篇关于hooks的专题文章。 很久没有写文章了，如有问题欢迎留言评论，也请朋友们多多包涵！ 先来一波官方文档链接：UmiJS官方文档React官方文档Ant Design官方文档 一、项目搭建 对于react umi项目搭建，umi官方文档已经写的很清晰了，具体请查看上面的umi官方文档链接。这里我不再详细说

目录 一、 State 1.概念 2.State的简单用法3. JS绑定事件 4.react 绑定事件 5.react this指向问题 6.修改state值 7.代码简写 二、props 1.概念 2.传参的基础方法、运算符传参 三、refs 定义 字符串形式的ref、回调函数下ref、createRef 创建ref容器 一、 State 1.概念 概念：state是组件对象最重要的属性,值是对象(可以包含多个key:value的组合)，组件被称为`状态机`

🍓🍓iVX整体技术 🥭🥭原子组件：（专利技术） 抽象出超过200+前端和后台原子组件，每个组件都具备“不可拆分”特性，并表达独立具有特征的属性；同时每个组件都具备“属性”“触发条件”“功能（函数）”。 逻辑编辑框架：（专利技术）通过事件面板，以及内部的“条件”“循环”“回调”“延时调用”，实现了完成的“触发式逻辑控制”。例如：当“按钮A”被“点击”，“视频B”开始“Play”中；“点击”是对象“按钮A”这个对象的一个“触发条件”，而“Play播放”则是对象“视频B”

欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥 R e a c t 框架 React框架 Reac

一.初识Redux 相当于vue中的vuex 1.redux 是一个独立专门用于做状态管理的 JS 库(不是 react 插件库) 2.它可以用在 react, angular, vue 等项目中, 但基本与 react 配合使用 3.作用: 集中式管理 react 应用中多个组件共享的状态   看看Redux的工作原理图 如果要进行加一操作流程如下： 值得注意的是：Reducers不仅 可以进行加工状态，还可以进行初始化状态（undefinded） 二，核

一、vue常见面试题 1.vue优点？ 答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单； 组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势； 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作； 虚拟DOM：dom操作是非常耗费性

1 React简介 1.1 React概述 是JavaScript的库，可以简化可视化界面的开发 是基于JSX语法（JavaScript Xml），JSX是React的核心组成部分，它使用xml标记的方式去直接声明界面，和html、js混写 核心是组件，将数据和逻辑进行封装。提高了代码复用率，降低了代码维护的难度。 1.2 React开发环境搭建 1、基本应用（传统应用）：在页面文件中导入React的核心库（.js文件），可以引入官网上的地址，也可以自己下载之后本地引入。

本篇文章记录了useRoutes第一个参数的使用方法，暂不涉及第二个参数。 一、使用位置 一开始以为可以像react-router-config那样使用，于是写成 import { BrowserRouter as Router, useRoutes } from 'react-router-dom'; const SetRoutes = () => { const routes = useRoutes([ { path:'/', ele

今天来学习下react中另一个重要的知识：redux及其工作流程和案例分析 感兴趣的小伙伴一起来看看吧~ redux redux理解 英文文档：https://redux.js.org/ 中文文档：https://www.redux.org.cn/ Github：https://github.com/reduxjs/redux redux是什么 redux是一个专门用于做状态管理的JS库（不是react插件库）。 它可以用在react，angular，

本文被专栏【React–从基础到实战】收录 🕹坚持创作✏️，一起学习📖，码出未来👨🏻‍💻！