GCWsuger的博客

JS实现发布订阅

获取字符串的像素长度该方法是通过正则来实现的，其中str参数是要测的字符串，font_size是字符串的字体大小，返回的就是字符串的像素长度了。const getLenPx=(str:string, font_size:number) =>{ let str_leng = str.replace(/[^\x00-\xff]/gi, 'aa').length; return str_leng * font_size / 2}该方法可以用在根据字符串的长度的不同来进行不同的显示。

使用useHistory().listen监听路由变化在使用react的函数组件时，有时候我们会想监听路由变化，并在路由变化时进行某些操作，就需要使用useHistory().listen来实现了。下面是使用方法const history = useHistory();useEffect(() => { const unlisten = history.listen((historyLocation) => { cnosole.log(historyLocatio

在Umi官方文档中，给出了两种跳转页面的方式，这篇文章主要讲解使用history的方法进行跳转和传参的操作。先给出代码路由部分(.umirc.ts)：import { defineConfig } from 'umi';export default defineConfig({ nodeModulesTransform: { type: 'none', }, routes: [ { path: '/', component: '@/pages/index' }, //

对useMemo的理解下面这个例子是想在页面上实时的显示出expensive函数的计算结果，但按照之前的写法，useState中任意的值发生改变时，页面都会重新渲染，导致昂贵的计算函数expensive会进行多余计算。这个例子中无论是val还是count发生改变，函数都会运算一遍，但我们只想在count的值发生改变时才进行这个昂贵计算，因此就要用到useMemo。import React, { useState, useMemo } from "react";export default func