12 2021 档案
摘要：img标签 img{ object-fit: cover; object-position: top;} 背景图不变形 .bg{ background-image: url(imgUrl.jpg); background-size: cover;}
阅读全文
摘要：按需引入 // 安装插件yarn add babel-plugin-import module.exports = { // 这个配置是使用antd额按需加载 "plugins":[ [ "import", { "libraryName": "antd", // 这个"style": true默认是
阅读全文
摘要：notistack是React下Material UI框架的SnackBar(消息条)的高级用例，该用例能同时显示多个独立消息条，使用起来也非常简单。在全局初始化之后就可以在网页上任何需要的地方使用它，而不用为每个页面导入一个Material UI原生的消息条。 该用例是基于Material UI的
阅读全文
摘要：1.优点：贯彻React的everything in JS理念，降低js对css文件的依赖； 组件的样式和其他组件完全解耦，有效避免组件之间的样式污染 2.使用： 安装：npm install --save styled-components 代码： //创建一个样式组件，其渲染后为一个div co
阅读全文
摘要：如果是要生成svg格式的二维码，可以使用以下方法进行下载 /** * 将svg导出成图片 * @param node svg节点 => document.querySelector('svg') * @param name 生成的图片名称 * @param width 生成的图片宽度 * @para
阅读全文
摘要：1.使用推荐命令创建项目： npx create-react-app AppName --template redux 2.分析项目代码： 2.1 store.js import { configureStore } from '@reduxjs/toolkit';//可以融合多个reducer,并
阅读全文
