sadasddpk的博客

客户端 Safari 和 iPhone Safari 支持得最好，其次是 Opera 和 Windows 下的 Firefox 3 等。的，因此可能不会 100% 精确到真实的表示，因为它不会生成实际的屏幕截图，而是基于。服务器端可以完美运行。

有时在项目中需要将一些口令复制到用户的剪贴板，这时候就可以使用这个react库：react-copy-to-clipboard导出标签：CopyToClipboardAPI： 要复制到剪贴板的文本 可选回调，将在复制文本时调用；onCopy(text,result) :如果复制成功则返回，否则返回。 可选的复制到剪贴板选项。 实例：...

在react-router中，只有通过Router渲染出来的组件中才会有history、location、match 三个对象，但是会存在需求让我们在非路由组件中进行路由跳转，withRouter的作用就是：把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上当然啦，withRouter（v6版本弃用了），换成了直接用useNavigate （强行hooks起来！！！！）类组件是成版本弃子了吗……...

1.初始置灰componentDidMount() { // To disabled submit button at the beginning. this.props.form.validateFields(); }2.置灰不显示报错判断是否有错和输入框是否有空 hasErrors = (fieldsError) => { return Object.keys(fieldsError).some(field => fieldsError

在看GitHub项目的时候，我项目clone完安装完依赖跑起来，第一步我会去看看这个项目的请求request、route配置、权限管理等。这个文章讲的是看的几个项目的request的封装方式。一、引入请求库，配置基础请求首先就是引入相应的库：import Axios, { AxiosInstance, AxiosTransformer } from 'axios'; import qs from 'qs'; //请求数据格式化的库import { createBrowserHistor

原生js的cookie操作并不友好，多数情况下需要我们自己封装。比如在项目国际化的时候，常需要将语言类型存储在cookie中。这就要推荐一下我今天的这个react操作cookie的库—— react-cookie下载依赖：cnpm install react-cookies --save-dev 或者：yarn add react-cookie使用 import cookie from 'react-cookies'; 引入cookie的存取和删除：cookie.save(..

防抖和节流可以节省资源，减小服务器端压力，提升用户体验。在日常开发中，我们经常会有这样的需求：监听用户的输入（keyup、keydown）、浏览器窗口调整大小和滚动行为（resize）、鼠标的移动行为（mousemove）等。如果这些事件一触发我们就执行相应的事件处理函数的话，那将会造成较大的资源浪费或者给用户带来不好的体验。这时防抖和节流就派上用场了！！一、防抖：防抖：触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间。思路：每次触发事件时都取消之前的延时调

前言18 年初，React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。原来是相互抗衡的，却没想React Router直接拿来合并（真香！）目前v6已是测试最后一版，估计新的特性不出意外就是下面这些了： <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套路由变得更简单。 用useNavigate代替useHistory。 新钩子useRoutes.

我们在react开发写scss时，可能会遇到要为一个标签动态添加多个类，但是在这个时候，原生的react会报错：<div className={styles.class1 styles.class2}</div> //报错这时候可以引用官方推荐的动态引入类的库：classnames。npm install classnames --save || yarn add classnames<Button className={classnames({ ...