w3h5React 组件库 CSS 样式问题分析
1Deshun 发布于 2个月前 (12-09) 167℃ 评论(0) 赞 (1)
首先分享一篇网易云音乐技术团队整理的一篇文章 React 组件库 CSS 样式方案分析目前存在的问题：1. antd 样式被重复引用，打包时被重复编译进 css 文件，造成代码冗余。2. 组件自定义样式没有通过类名区分，导致页面中使用多个组件时样式污染。关于 CSS 样...
Tag "react" 相关话题
ECharts 3D React umi 报错：Component series.surface not exists. Load it first
Deshun 发布于 10个月前 (04-18) 543℃ 评论(0) 赞 (0)
React 的 Umi项目，在使用 Echarts 3D 时报错：Error: Component series.surface not exists. Load it first.报错原因Echarts 3D 还需要依赖 echarts-gl 解决方法npm 安装 echarts-gl 依赖：npm install echarts-gl ...
ECharts折线图使用dataZoom出现竖线BUG解决
1Deshun 发布于 1年前 (2021-12-17) 690℃ 评论(0) 赞 (0)
Echarts 项目中使用折线图 type: line ，在设置了 dataZoom 区域缩放时，会出现以下问题。数据变化后，如果差值比较大，会出现连线不能点到点，出现竖线鼠标拖动 Zoom 滚动时，该现象又消失了坐标轴是时间时，右侧数据增加，不会有问题，数据减少就会出...
Echarts for React 柱状图：根据数值大小自定义单个柱子渐变颜色
1Deshun 发布于 1年前 (2021-12-02) 659℃ 评论(0) 赞 (0)
今天接到一个需求，要根据数值大小，区分柱状图柱子的颜色，没办法，需求为上。项目使用的是 Echarts 的柱状图（type: bar），在处理数据的时候判断一下，如果数值小于零，就给它增加一个控制颜色的属性，我这是一个渐变的柱子：let yData: numb...
Umi的headScripts属性，在html页面头部添加js
Deshun 发布于 1年前 (2021-08-31) 1359℃ 评论(0) 赞 (1)
headScripts配置 <head> 里的额外脚本，默认值为数组，数组项为字符串或对象。Type：ArrayDefault：[]大部分场景下用字符串格式就够了，比如：export default { headScripts: [`alert(1);`, `https://a.com/b.js`], };会生成 HT...
Ant Design Table组件报错，提示table should have a unique `key` prop的解决办法
1Deshun 发布于 3年前 (2019-11-05) 11772℃ 评论(0) 赞 (4)
在使用Ant Design for React对接数据时发现控制台报错如下：Warning: [antd: Table] Each record in dataSource of table should have a unique `key` prop, or set `row...
Ant Design for React的DatePicker日期组件设置默认显示中文的方法
2Deshun 发布于 3年前 (2019-10-28) 4817℃ 评论(0) 赞 (2)
蚂蚁金服的前端UI框架Ant Design 有专门针对 React 设计的 Ant Design for React 。今天在使用其中的 DatePicker 日期组件时遇到一个问题，其中有一些按钮显示英文，如下图所示：官方给出了设置中文的方法，称之为“国际化配置”：默...
NPM常用命令及--save和--save-dev的区别在哪里
Deshun 发布于 3年前 (2019-09-24) 12710℃ 评论(0) 赞 (5)
最近在学习 React ，发现有的教程中使用 npm install 的--save 有的使用的是 --save-dev ，我之前对这两个参数的理解也是模糊的，随查阅资料，找到这篇文章 NPM install -save 和 -save-dev 傻傻分不清，转载过来方便自己以后查阅。npm install 常用命令npm install moduleName ...
React创建build生产构建，使用Nginx服务器部署及报500错误的解决方法
1Deshun 发布于 3年前 (2019-09-06) 3068℃ 评论(0) 赞 (0)
今天尝试使用 Nginx 服务器跑 React build 生产构建，结果报错“500 Internal Server Error”。查了些资料，最后解决了，顺便记录一下。Nginx 环境配置我就不写了，我之前整理过一篇文章，详细的介绍了 亚马逊AWS服务器CentOS...