shine_lovely

摘要： 1. carousel 轮播 开启左右箭头 arrows 属性设为 true <a-carousel arrows :dots="false" ref="carouselRef"> <div slot="prevArrow" slot-scope="props" class="custom-slic 阅读全文

摘要： 1. tooltip tooltip中进行点击事件 注意事项： triggerOn 一定要改为 “click”。 enterable 要设置为 true，才能使鼠标进入提示框可以进行点击事件 在 formatter 中添加 内联的点击事件，事件处理函数需要挂载在 window 上，否则获取不到 ex 阅读全文

摘要： 使用 postcss-px-to-viewport 适配 安装插件 postcss-px-to-viewport npm install postcss-px-to-viewport --save-dev 配置postcss-px-to-viewport 使用 postcss.config.js单独 阅读全文

摘要： xAxis: { show:false,//不显示坐标轴线、坐标轴刻度线和坐标轴上的文字 axisTick:{ show:false//不显示坐标轴刻度线 }, axisLine: { show: false,//不显示坐标轴线 }, axisLabel: { show: false,//不显示坐标 阅读全文

摘要： 安装yarn npm install -g yarn yarn --version yarn设置淘宝源 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http: 阅读全文

摘要： 概述 环境： MacBook Pro 从官网下载： https://code.visualstudio.com/ 使用自带的Safari浏览器，步骤如下： 进入vscode官方网站：https://code.visualstudio.com/Download 点击Mac下载vscode最新版本 可以 阅读全文

摘要： 1. splice 方法 数组的splice方法很强大，可以进行 删除、增加、替换 操作，同时会改变原数组，返回删除/替换掉的元素组成的新数组 删除 /* 删除下标为4的元素 */ const arr = [1,2,3,4,5,6,7,8,9,10] const arrNew = arr.splic 阅读全文

摘要： @reduxjs/toolkit 场景：获取产品详情 @reduxjs/toolkit 依赖了redux、redux-thunk，所以使用toolkit就不需要额外下载redux，意味着可以再多个框架使用，但是并没有react-redux，所以仍然需要安装react-redux。依赖了redux-t 阅读全文

摘要： 场景：切换语言、请求产品列表 src/index.tsx import React from 'react' import ReactDOM from 'react-dom' import { Provider } from 'react-redux' // react-redux 利用上下文con 阅读全文

摘要： 场景：切换语言、请求产品列表 src/index.tsx import React from 'react' import ReactDOM from 'react-dom' import { Provider } from 'react-redux' // react-redux 利用上下文con 阅读全文

摘要： 场景：切换语言 使用react-redux的步骤 安装 react-redux依赖 在src/index.tsx中引入 react-redux中的Provider， store， 使用Provider，并加载store数据仓库 react-redux使用react的context上下文，提供一个Pr 阅读全文

摘要： 场景：切换语言 使用react-redux的步骤 安装 react-redux依赖 在src/index.tsx中引入 react-redux中的Provider， store， 使用Provider，并加载store数据仓库 react-redux使用react的context上下文，提供一个Pr 阅读全文

摘要： 场景：切换语言 安装redux依赖包 npm i redux --save 新建目录 新建目录：src/redux、src/redux/language 新建文件：src/redux/store.ts、src/redux/language/actionCreators.ts，src/redux/la 阅读全文

摘要： redux redux使用步骤 使用步骤： 定义一个 reducer 函数 （根据当前想要做的修改返回一个新的状态） 使用createStore方法传入 reducer函数 生成一个store实例对象 使用store实例的 subscribe方法 订阅数据的变化（数据一旦变化，可以得到通知） 使用s 阅读全文

摘要： 安装 nvm curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash 输入nvm提示报错：command not found: nvm 可能原因是本机的环境变量没有设置 打开本机的 .bash_p 阅读全文

摘要： Mock API： Mock Service Worker Service Worker MSW 依赖于 Service Worker，Service Worker 本质上是浏览器在后台运行的脚本，它是完全独立于它正在处理或服务的网页。它们充当了 web 应用程序、浏览器和网络之间的代理服务器，目的 阅读全文

摘要： react项目使用i18n进行国际化封装 安装 npm i i18next react-i18next --save 配置i18n: 在根目录新建一个目录i18n 在i18n目录添加en.json、zh.json { "footer": { "detail" : "版权所有 @ React 旅游网" 阅读全文

摘要： 打开命令行 option + f12 + fn 快速复制上一行 cmd + D 移动当前行 option + shift + up option + shift + down 格式化 cmd + option + L 清除缩进变成单行 ctrl + shift + J 折叠/展开代码块 cmd + 阅读全文

摘要： #typescript 学习笔记 申明全局类型，不用import导入，可以直接使用 项目更目录下创建typings目录 在typings中添加 index.d.ts, 在其中定义需要的类型 interface MyType { foo: string, bar: string[] } 修改 tsco 阅读全文

摘要： antd 样式主题自定义 安装antd组件库 npm i antd --save 在index.tsx中引入样式的less文件(引入less，为了自定义主题色) import 'antd/dist/antd.less' 使用craco：Create React App Configuration O 阅读全文