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