12 2021 档案

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

返回顶端
点击右上角即可分享
微信分享提示