全局loading react
mysql8.0 使用navicat报caching_sha2_password' cannot be loaded解决方法
安装 8.0版本的mysql后，使用navicat连接时，报caching_sha2_password' cannot be loaded的异常。 原因为：8.0版本的mysq用户密码加密方式为caching_sha2_password，navicat暂不支持，需要修改下mysql的加密方式。 解决 ......
drf之全局异常处理
说明 当系统报错时，希望系统进行统一报告，比如常见的：系统繁忙，请稍后再试、服务异常，请稍后再试这种报错。 另外，drf不能处理非drf的异常，比如 list = [1, 2, 3] print(l[5])，这种时候会报错，不会抛异常，有时候我们不希望程序报错，也需要使用全局异常处理。 使用方法 在 ......
react useCallback获取元素实时高度
import React, { useCallback, useState } from 'react'; import { Button } from 'antd'; const maxHeight = 540; const Component = () => { const [textHeigh ......
React Native之JSX语法
一、什么是 JSX JSX即JavaScript XML。一种在React组件内部构建标签的类XML语法。JSX为react.js开发的一套语法糖，也是react.js的使用基础。React在不使用JSX的情况下一样可以工作，然而使用JSX可以提高组件的可读性，因此推荐使用JSX。 二、JSX 的基 ......
DevTools failed to load source map: Could not load content for https://xxxxx/bootstrap-theme.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://xxxxx/bootstrap-theme.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPO ......
umi +react 搭建项目细节记录
配置请求域名，有umirc.ts文件可以直接在该文件加 proxy: { '/api': { // 检测域名后面带 /api/ 的路径 target: 'http://192.168.0.90', // 要请求的域名或IP地址 'changeOrigin': true, // 'pathRewrit ......
第二节：react-redux详解、分模块、调式工具等
一. 二. 三. ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误，欢迎讨论，请勿谩骂^_^。 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址，否则保留追究法律责任的权 ......
SpringBoot定义优雅全局统一Restful API 响应框架三
我们目前已经设计出了，包含全局响应，异常错误响应进行了统一返回。但是错误内容我们设计的比较模糊统一，还可以进行细化这样更有利于定位错误 当我们需要调用Http接口时，无论是在Web端还是移动端，都有可能遇到各种错误，例如参数缺失、类型错误、系统错误等。为了规范错误信息的返回，我们需要定义一个统一的接 ......
to load resource: net::ERR_FAILED
这是什么，为什么报错to load resource: net::ERR_FAILED 这个链接看起来像是一个Chrome浏览器扩展程序的链接，它指向一个CSS文件，该文件用于加载emoji表情符号的样式。 报错"to load resource: net::ERR_FAILED"意味着浏览器无法加 ......
react 用父组件状态控制子组件状态方案
react 想用父组件的状态来控制子组件的状态。有时我们可能想在父组件里设置子组件某个状态的值，这时我们应该怎么实现代码呢？ 法一：把需要共享的状态放在子组件的参数里 比如下面这个 MyTestSubModal 子组件，有 2 个状态：visible 和 loading，分别使用 setVisibl ......
Uncaught Error: Objects are not valid as a React child (found: object with keys {content, key, duration}). If you meant to render a collection of children, use an array instead（转）
转自：react报错 Uncaught Error: Objects are not valid as a React child (found: object with keys {a} ... 报错信息分析 Uncaught Error: Objects are not valid as a R ......
python11：局部变量与全局变量
局部变量：在函数内部定义的变量，作用域仅仅局限在函数的内部。 不同的函数 可以定义相同的局部变量，但是各自用各自的 不会产生影响 注意：局部变量在函数执行完毕后会释放 作用：为了临时的保存数据，需要在函数中定义来进行存储。 全局变量： 当全局变量和局部变量出现重复定义的时候，程序就会优先执行使用函数 ......
Lanelet2高精地图解析及全局路径规划， Lanelet2格式的高精地图是与opendrive高精地图并行的当前两大最流行
Lanelet2高精地图解析及全局路径规划， Lanelet2格式的高精地图是与opendrive高精地图并行的当前两大最流行的高精地图格式。在autoware停止维护AI版本推出Auto版本后，更是将原先的Lanelet地图格式进行升级为lanelet2。因此，如果大家有公司的产品依赖autowa ......
Vite + React 项目，在 Webstorm 中的 tailwind css 无法自动补全问题
问题 根据官网的安装步骤，Install Tailwind CSS with Vite 安装完成后，在 Webstorm 中 Tailwind 始终无法自动补全，查看 Webstorm 的日志，提示报错 Tailwind CSS: Tailwind CSS: require() of ES Modu ......
SpringBoot定义优雅全局统一Restful API 响应框架二
这里解决之前留下来的问题，当程序没有正常返回时候 就是程序由于运行时异常导致的结果，有些异常我们可，能无法提前预知，不能正常走到我们return的R对象返回。这个时候该如何处理 在SpringBoot中，可以使用@ControllerAdvice注解来启用全局异常处理。通过使用@Controller ......
直播软件搭建，全局过滤器（时间，年月日，一千加逗号处理）
直播软件搭建，全局过滤器（时间，年月日，一千加逗号处理） 步骤一：处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth( ......
多线程对全局变量修改和单线程对全局变量修改
线程过多了，不会比单线程快多少。因为程序可能花时间在线程的转换上了。 import threading import time ind=4 dan_sum=0 multi_sum=0 def single(): for j in range(ind): for i in range(5000): p ......
React 中 Router的相关面试题
一、 请你说说react的路由是什么？React的路由是纯前端的路由，就是根据hash或browser path的变化，框架内封装好了方法，可以自由的切换DOM展示，来模拟页面或局部页面被替换的目的；让浏览器不用刷新，也能获取想要的页面结构，保存内存数据，提升用户体验 二、React-Router ......
闲聊 React hook，我们聊的是什么？
React hook 的由来 React hook 的由来，其实也可以看作是前端技术不断演进的结果。 在 world wide web 刚刚诞生的洪荒时代，还没有 js，Web 页面也都是静态的，更没有所谓的前端工程师，页面的内容与更新完全由后端生成。这就使得页面的任意一点更新，都要刷新页面由后端重 ......
SpringBoot定义优雅全局统一Restful API 响应框架
假如现在有一个Java项目,老板让你做项目组长,定义项目基础框架,系统技术架构选型, 你应该如何设计一个规范的统一的Restful API 响应框架呢 思考 目前项目开发,都是基于前后端分离模式开发的,基于后端模板引擎那一套,可能已经不适用一些项目开发流程,和当下开发模式了,尤其在要写比较大型项目, ......
(一 ).react官网阅读 ———描述UI
这个系列笔记，会从头阅读react 官网文档内容，记录阅读笔记。 从react 官网首页可以(最重要部分是中间)，分为两大块 内容： 学习React | API参考 快速入门： 介绍了常见的react概念：包括嵌套组件，状态提升，Hook等； 同时还给出了react 框架思想： ###学习React ......
React介绍
title: 01-React介绍 publish: true 虚拟DOM和diff算法 在学习 React 之前，我们需要先了解两个概念：虚拟DOM、diff算法。 虚拟DOM 问题描述： 假设我们的数据发生一点点的变化，也会被强制重建整颗DOM树，这么做，会涉及到很多元素的重绘和重排，导致性能浪 ......
React Navive初识
title: 11-React Navive初识 publish: true 搭建开发环境 官方文档：https://reactnative.cn/docs/getting-started.html 安装Node、homebrew、Watchman 安装 homebrew： 安装 watchman： ......
React路由的使用
title: 07-React路由的使用 publish: true React路由的使用 使用React路由之前，我们需要先安装 react-router-dom这个包。比如： yarn add react-router-dom 代码举例： （1）index.html <!DOCTYPE html ......
React的单向数据绑定
title: 06-React的单向数据绑定 publish: true 单项数据绑定 在 Vue 中，可以通过 v-model 指令来实现双向数据绑定。但是，在 React 中并没有指令的概念，而且 React 默认不支持 双向数据绑定。 React 只支持，把数据从 state 上传输到 页面， ......
11-react使用props.children 处理父子组件之间的传值
// props.children 组件传值 import { Component } from "react" import reactDom from "react-dom" // 床架一个 createRef 函数 用来创建 ref 对象 const Hello = (props) => { ......
10-react不同层级的组件之间的数据传递数据 createContext 上下文
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { createContext, Component } from "react" // createContext is useed to create a contex ......
09-react的组件传值 props
// 组件传值 props 接收传递过来的数据 import ReactDom from "react-dom" import { Component } from "react" // 类组件中使用函数组件 和 类组件 注意区分不同的组件使用不同方式接收数据 const Hellow = (pro ......
08-react修改state数据驱动视图UI的更新【注意和vue的区别】
// setState 修改状态 如果是直接修改页面不会改变 使用 setState 修改数据 才会驱动视图的改变 // setState 的原理：修改玩状态之后会调用 render 函数 import ReactDom from "react-dom" import { Component } f ......