引入 如果我们要切换一个网页，从0加载一个新的网页，消耗时间也消耗资源，而route可以让react应用变成一个SPA，在URL变化的时候，不刷新页面，只是替换掉页面里的部分组件，从而实现更快的更新响应。 核心原理 React Router内部使用了一个叫 history 库（由 React Router 团队维护）来统一管理这些操作（还有一个老版…
今天学的不多喵（）事情有点多，小忙 基本介绍 是React最常用的集中状态管理工具，类似于Vue的Pinia（Vuex),可以独立于框架运行。 使用步骤： 我们先脱离框架，使用纯redux实现计数器。 定义一个 reducer 函数 （根据当前想要做的修改返回一个新的状态） 使用 createStore 方法传入 reducer 函数 生成一个 s…
感觉自己啥也不会，啊啊啊啊啊啊（发个癫） 受控表单绑定 基本概念 使用React组件的状态控制表单的状态 代码实现 import { useState } from 'react'; function MyForm() { const [inputValue, setInputVa…
忽然想回来炫一口前端，浅浅学一下react（本来想速成的，既然在寒假就慢慢学吧） 项目搭建 这里直接介绍用脚手架来进行项目搭建(这里默认大家node.js配置好了喵) 1. Vite搭建 npm create vite@latest my-app -- --template react cd my-app npm r…
简介 事件指的是在编程时系统内发生的动作或者发生的事情，比如用户在网页上单机了一个按钮。 事件监听是让程序检测是否有时间产生，一旦有事件出发，就立即调用一个函数做出响应，也成为绑定事件，或者注册事件，比如鼠标经过显示下拉菜单，点击可以播放轮播图。 语法： 元素对象.addEventListener('事件类型'，要执行的函数) 事件监听…
补充： 声明变量const优先 在变量声明的过程中给我们通常用let来声明变量，但是有些变量后续并不需要被改变，这样我们为什么不用const来声明呢，实际上，在react框架中，也基本上用const来声明变量，而且const的语义化更好我们可以先用const来声明，如果后续需要改变，我们再改为let。 这里注意一个点哦，数组和对象这种比较复杂的数据…
什么是对象 对象是JS里的一种数据类型，我们可以理解为一种无序的数据集合，可以详细描述某个事物 我们来看一个例子 let obj = { uname:'ttdr'， age: 18， gender:'男'， } 通常由属性和方法组成，属性指的是信息或者特征，方法指的是行为或者叫功能 对象的使…
函数 函数的基本使用 声明： function 函数名(参数列表){ 函数体 } 举例: <body> <script>、 /*函数声明*/ function printArr() { for(let i = 1;i <= 9 ; i++){ …
数组的基本使用 声明 1.字面量声明数组 let arr = [1,2,'陈奕迅',true] 2.使用new Array 构造函数声明 let arr = new Array(1,2,3,4) 遍历数组 <body> <script> &nbs…
简介 JS是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。 常见用处： 网页特效（监听用户的行为，让网页作出反应） 表单验证（判断表单合法性） 数据交互（获取后台数据渲染到前端） 服务端变成（node.js） 由ECMAScript和Web APIS组成 ECMAScript 规定了js的基础语法，比如变量，分支语句，循环语句，对象等 W…