kitty007th-优快云博客

原创 React开发中的HMR（热替换）配置

实际安装过程中，会因为该插件的peerDependencies中的"webpack-dev-server": "3.x || 4.x",跟已经安装的最新版本的webpack-dev-server的5.0以上的版本产生冲突，个人的解决方案是：安装插件时使用--force参数，但是有一定概率后续别的插件安装后还是会报错，重复安装了几次。3）webpack配置文件中声明、初始化插件。1）首先需要在dev server中开启。

2024-03-25 13:07:13 637 1

原创 React中Babel的配置

Babel的配置因为继承了Facebook的官方配置，自己项目中需要做的配置就简单得多了，但是仍需注意React的官方大致都完成了什么配置，可参考github上的。2. Babel配置文件中直接继承React的官方配置。

2024-03-22 13:26:39 1086 1

原创 React配置Eslint

Eslint的配置

2024-03-22 11:00:00 730 1

原创 Highcharts图表显示Y轴

Highcharts使用的一个小细节，图表缺省并不显示Y轴，但是有的场景需要传统的横纵坐标轴显示，只需设置y轴的lineWidth即可。

2024-03-21 17:51:16 284 1

原创 Highcharts+Fetch实现动态更新数据，并在页面重载时重绘历史数据

数据可视化中经常需要动态更新数据，而且在用户访问进程期间，页面保留历史状态，本文记录项目中使用Highcharts实时绘制数据的实现, 重绘历史数据部分待优化。适用场景：一个坐标系多条竖曲线，动态从api获取更新的数据并加到曲线上，用户web浏览器在切换页面并回到曲线所在页面时重载所有历史数据，达成保持历史状态的目的。优点：实现动态更新，不占用客户端浏览器存储。

2024-03-21 17:04:36 482 1