如故的博客

React-router-dom 是专门用于web应用的路由解决方案。1、Router、Link、Route1.1、基本使用首先编写一个简单的示例：import React from "react";import { BrowserRouter as Router, Route, Link} from "react-router-dom";export default function App() { return ( <div className="App"&

useCallback 与 useMemouseCallBack参数：一个内联回调函数依赖项数组返回值：该回调函数的 memoized 版本（可以理解为该回调函数被缓存起来了）只有当依赖项发生改变时，这个回调函数才会重新生成。使用场景举例：如果你需要将一个函数作为props传给子组件，并且子组件内部进行了一些优化，比如判断一下props改变时才重新渲染。那么就可以将这个函数使用 useCallback 进行缓存，传入这个函数的 memoized 版本。当父组件更新时，这个 memo

react-redux使用及源码分析（下）上节主要讲解了 react-redux 在类组件和函数组件中的用法，本节主要分析一下如何自己实现一个 react-redux1、Provider 组件的实现我们发现 react-redux 的 Provider 其实和 react 中的 Context 用法很像，其实 react-redux 就是基于 Context 实现的。Provider 组件的实现很简单：// 1. 创建 context 对象const Context = React.create

create-react-app 打包时去除 console在 webpack.config.js 中找到下图代码的位置，添加配置pure_funcs: ['console.log']ps: 需要执行 npm run eject 才能暴露出webpack配置文件如上配置会在打包时将代码中的 console.log 调用都去掉，其他console调用不会去掉参考资料：terser/terser: ???? JavaScript parser, mangler and compressor too

react-redux使用及源码分析（上）一、为何使用react-redux使用原生 redux，需要在页面中手动获取state和手动触发action，并且还要自己订阅，以便在state发生变化时重新渲染视图。使用react-redux可以将state和触发action的方法，作为props传给组件，并且会自动订阅，props改变就自动渲染视图了。二、如何使用react-redux使用react-redux，有以下几个步骤：1、使用 redux 创建一个 storeimport { creat

create-react-app 配置代理1、安装插件 http-proxy-middlewarenpm i http-proxy-middleware2、在 src 目录下新建文件 setupProxy.js 文件// 配置代理 - 用于联调const { createProxyMiddleware } = require('http-proxy-middleware')console.log('PROXY: ', process.env.PROXY_ENV)module.exports

1）什么是 cookiecookie就是客户端保存用户信息的一种机制，用来记录用户的一些信息web服务器通过在http响应消息头增加Set-Cookie响应头字段将Cookie信息发送给浏览器，浏览器则通过在http请求消息中增加Cookie请求头字段将Cookie回传给web服务器Set-Cookie: "name=value;domain=.domain.com;path=/;expires=Sat, 11 Jun 2019 11:29:42 GMT;HttpOnly;secure"2）什么是

Express基于 Node.js 平台，一个快速、开放、极简的 Web 开发框架Express提供了一个轻量级模块，把node.js的http功能封装在一个简单易用的接口中。Express也扩展了http模块的功能，能轻松处理路由、响应、cookie和HTTP请求的状态(一) 安装和配置全局安装npm install -g express查看版本express --version使用Express生成器创建一个Express项目全局安装 express-generatornpm i

现象如图，选中的内容前后有空格原因代码格式化导致的因为选中内容和 option 标签不在一行，导致选中内容前后产生空格解决方法改为在一行就好了如果对你有帮助，记得点个赞哦~...

在 IView 官网文档中，只给了这个 resetFileds 方法对整个表单进行重置那么如果想要只对某个或某几个表单项进行重置，该怎么办呢？查看IView源码发现它是对整个表单进行遍历来执行重置操作的，所以这个 fields 属性应该就是所有表单项的集合我们打印看一下可以看到这个 fields 属性就是我们所有表单项的集合，其中每个表单项有一个 prop 属性，就是该项的 ke...

往下看之前，先确保你的机器上已经安装过 node，可以用 node -v 来确认下一、express框架和vue框架介绍express框架是一个基于node.js的web应用框架，它能够帮你创建一个从前端到后端功能完整的网站；vue是一个流行的前端框架，它主要是用来构建用户界面的，并且具有组件化，响应式等特点；所以，可以这样理解：express负责后端，vue负责前端，它俩之间使用HTTP...

问题描述在用 npm 安装一个第三方插件时，报错node-pre-gyp WARN Tried to download(404): https://fsevents-binaries.s3-us-west-2.amazonaws.com经过查阅资料发现是因为我安装的 node.js 版本太高于是我们可以使用 node 版本管理工具 n 来安装不同版本的 node (ps: 这个工具的名...