0%

开头

这周开发了一个粉丝数据可视化的模块,第一次这么“深度”的使用了下市面比较知名的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/