![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
#咸菜
又菜又咸鱼
展开
-
Mock.js
其中:1.rurl:可选表示需要拦截的 URL,可以是 URL 字符串或 URL 正则。例如 //domain/list.json/、‘/domian/list.json’。2.rtype:可选表示需要拦截的 Ajax 请求类型。例如 GET、POST、PUT、DELETE 等。3.template:可选表示数据模板,可以是对象或字符串。例如 { ‘data|1-10’:[{}] }、‘@EMAIL’。4.function(options):可选表示用于生成响应数据的函数。5.options:指原创 2022-07-11 23:35:44 · 834 阅读 · 1 评论 -
react使用antd3.x和4.x按需导入样式
react使用antd在实际开发中还有一些优化的空间,比如无法进行主题配置、加载了全部的 antd 组件的样式(gzipped 后一共大约 60kb)。此时我们需要对 create-react-app 的默认配置进行自定义,这里我们使用 react-app-rewired (4.x:craco)(一个对 create-react-app 进行自定义配置的社区解决方案)。引入 react-app-rewired 并修改 package.json 里的启动配置。由于新的 react-app-rewired@2.原创 2022-06-28 19:51:08 · 725 阅读 · 0 评论 -
webpack引入模块import 后面加入{}和不加大括号有什么区别
导入默认值引入模块可能有一个 default export(无论它是对象,函数,类等)可用。然后可以使用 import 语句来导入这样的默认接口。导入单个接口给定一个名为 myExport 的对象或值,它已经从模块 my-module 导出(因为整个模块被导出)或显式地导出(使用 export 语句),将 myExport 插入当前作用域。导入带有别名的接口你可以在导入时重命名接口。例如,将 shortName 插入当前作用域。仅为副作用而导入一个模块整个模块仅为副作用(中性词,无贬义含义)而原创 2022-06-28 14:23:17 · 205 阅读 · 0 评论 -
react的antd解析源映射失败
问题:Failed to parse source map: ‘webpack://antd/./components/config-provider/style/index.less’ URL is not supported,也就是react的antd解析源映射失败查看react-script版本:当react-script版本在5.0.0以上使,导入antd方式替换成如下:备注:react,react-dom,react-scripts是react项目的主要依赖...原创 2022-06-27 22:48:38 · 516 阅读 · 0 评论 -
BrowserRouter和HashRouter的区别
1. 底层原理不一样2. url表现形式不一样3. 刷新后对路由state参数的影响4. 备注原创 2022-06-27 17:22:43 · 264 阅读 · 0 评论 -
React v5向路由组件传参
路由链接(携带参数):注册路由(声明接收):接收参数:2.search参数路由链接(携带参数):注册路由(无需声明,正常注册即可):接收参数:获取到search参数是urlencode编码字符串,需要借助querystring解析,vscode提示我用,我就安装dev开发依赖,再import引入,解析后的对象,首个key多了?,用slice函数进行截取3.state参数路由链接(携带参数):to值为对象,当中需要的key有pathname和state注册路由(无需声明,正常注册即可):接原创 2022-06-24 11:09:30 · 484 阅读 · 0 评论 -
解决多级路径刷新页面样式丢失的问题
多级路径刷新页面样式丢失原创 2022-06-10 11:06:40 · 126 阅读 · 0 评论 -
React设计state
react中state的设计原创 2022-06-07 00:33:41 · 67 阅读 · 0 评论 -
vue项目如何在关闭窗口时清空storage
mounted(){ // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据 window.onbeforeunload = function (e) { var storage = window.localStorage; storage.clear() } }...原创 2021-12-09 15:30:26 · 2044 阅读 · 0 评论 -
上传照片到服务器,跨域访问
报错:Access to XMLHttpRequest at '*******' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.用postman运行是可行的我直接懵逼??????????看了大佬的博客才恍然大悟上传文件超过1M,报跨域错误...转载 2021-12-08 00:09:41 · 129 阅读 · 0 评论