开头

这周开发了一个粉丝数据可视化的模块，第一次这么“深度”的使用了下市面比较知名的2个可视化库，记录下一些坑和收货

场景

习惯了vue里面通过配置文件一样来使用路由，react路由跳转和vue一样都是通过对应的跳转组件进行跳转，没啥区别，但是响应url页面的时候，需要使用很多内置的组件来进行书写，有点繁琐，所以记录一下简单的封装一下常用的RouterView组件，来达到像vue一样简单使用

antd menu组件

继续记录antd+react使用

场景

1.每次刷新浏览器后，menu应该继续选中当前url对应的menuitem
2.限制只能打开一个menugroup

在react中获取Dom节点

用到的api：

• ref
• createRef

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

// demo组件
import {createRef} from 'react'
const Demo=()=>{
    const Dom_P=createRef(null)
    const getDom=()=>{
        console.log(Dom_P)//{current:p}
        console.log(Dom_P.current)// <p>This is P</p>
    }
    return (
        <div>
            <p ref={Dom_P}>This is P</p>
            <button onClick={getDom}>Get P</button>
        </div>
    )
}
export default Demo

问题描述

hexo打包部署到gh-pages后，路径资源404问题

解决

• 在hexo的配置文件（_config.yml）中，找到 URL配置选项
• 在url中填写ghpages默认url（一般为 你的githubanme.github.io）
• root写当前目录名

示例

在zxy仓库部署项目，

1
2

url: https://你设置的自定义域名（或者ghpage默认路径）
root: /zxy/