青柠

摘要： 一、基础 Hook 1. useState 函数式组件获得状态state的方式。 useState 返回一个数组，useState( "参数" ) ，参数即为初始化的值。 可以为 数组、对象、字符串、数字 import React, { useState } from 'react' const [ 阅读全文

摘要： React Redux 一、Redux # 下载 redux npm i redux 1. redux的简单使用： const redux = require("redux"); // 初始化 state const initState = { count: 0 } // reducer，纯函数 f 阅读全文

摘要： 1. 安装 npm i @craco/craco npm i craco-less #less处理插件 npm i babel-plugin-import #自动导入antd的css样式 2. 配置 在根目录创建craco.config.js 文件 配置： const CracoLessPlugin 阅读全文

摘要： 前提： 路由使用 BrowserRouter 模式 在 index.html 中引入了样式 1. 修改路径1 public/index.html 中引入样式时不写./写 /（常用) 2. 修改路径2 在 React 中 public/index.html 中引入样式时不写 / 写 %PUBLIC_U 阅读全文

摘要： 原因： React路由版本问题，你可以查看自己的package.json文件，查看react-router-dom的版本，应该是 6 版本。 在 React-Router v6版本中，Route更改了使用方式。 使用 Route 需要在 Routes 标签包裹下： import { BrowserR 阅读全文

摘要： 相信大家最近发现F12打开控制台的时候，发现有个东西一直在控制台上面，如下图： 1. 当你点击了第一项后，控制台变成中文 可能有许多小伙伴觉得它很烦，然后点击了第一项Always match Chrome's language，然后控制台就变成中文的了，如下图： 1.1 方法1： 这时候我们可以点击 阅读全文

摘要： 1. 跨域 跨域问题是前台浏览器造成的，同源策略。两个 URL 的“协议/主机（域名）/端口元组”一致，即同源。 React App在本机 3000 端口上运行 2. 解决办法： 1. cors : 后台服务器端解决 //以Node服务器举例 const express = require("exp 阅读全文

摘要： Toast组件用于展示提示信息，属于项目全局都可以使用。 1. Toast.vue <template> <div class="toast" v-show="isShow"> {{ message }} </div> </template> <script> export default { na 阅读全文

摘要： 1. 前言 当data中的数据发生改变，Vue内部是如何监听message数据的改变？ 使用Object.defineProperty > 监听对象属性的改变 当数据发生改变，Vue是如何知道要通知哪些人？哪些页面进行更新？ 使用 发布订阅者模式 实现 2. 过程 2.1 首先new Vue() n 阅读全文

摘要： 1. Window 本地部署 1.1 下载安装 官方地址https://nginx.org/ 其中包含很多nginx版本，大致可以分为： Mainline version ： Mainline是 Nginx目前主力在做的版本，可以说是开发版 Stable version：最新稳定版，生产环境上建议使 阅读全文