Tag "react" 相关话题

经验总结

Astro网站部署到GitHub Pages踩坑记录

1

Deshun 发布于 1年前 (2023-03-17) 646℃ 评论(0) 赞 (0)

Astro网站部署到GitHub Pages踩坑记录

最近心血来潮,搭建了一个笔记网站,用的是 Astro React 模板,部署到 GitHub Pages,提交代码自动部署发版。我是从阮一峰老师一篇文章评论中了解到 Astro 的,看了下官网的介绍,好像还不错,对于有一定编码基础的人来说上手很快。不过在部署过程中也踩了不少坑,简...

JavaScript

React 组件库 CSS 样式问题分析

1

Deshun 发布于 1年前 (2022-12-09) 1042℃ 评论(0) 赞 (1)

React 组件库 CSS 样式问题分析

首先分享一篇网易云音乐技术团队整理的一篇文章 React 组件库 CSS 样式方案分析目前存在的问题:1. antd 样式被重复引用,打包时被重复编译进 css 文件,造成代码冗余。2. 组件自定义样式没有通过类名区分,导致页面中使用多个组件时样式污染。关于 CSS 样...

经验总结

ECharts折线图使用dataZoom出现竖线BUG解决

1

Deshun 发布于 2年前 (2021-12-17) 1167℃ 评论(0) 赞 (0)

ECharts折线图使用dataZoom出现竖线BUG解决

Echarts 项目中使用折线图 type: line ,在设置了 dataZoom 区域缩放时,会出现以下问题。数据变化后,如果差值比较大,会出现连线不能点到点,出现竖线鼠标拖动 Zoom 滚动时,该现象又消失了坐标轴是时间时,右侧数据增加,不会有问题,数据减少就会出...

经验总结

Echarts for React 柱状图:根据数值大小自定义单个柱子渐变颜色

1

Deshun 发布于 2年前 (2021-12-02) 1192℃ 评论(0) 赞 (0)

Echarts for React 柱状图:根据数值大小自定义单个柱子渐变颜色

今天接到一个需求,要根据数值大小,区分柱状图柱子的颜色,没办法,需求为上。项目使用的是 Echarts 的柱状图(type: bar),在处理数据的时候判断一下,如果数值小于零,就给它增加一个控制颜色的属性,我这是一个渐变的柱子:let yData: numb...

经验总结

Umi的headScripts属性,在html页面头部添加js

Deshun 发布于 3年前 (2021-08-31) 2144℃ 评论(0) 赞 (1)

headScripts配置 <head> 里的额外脚本,默认值为数组,数组项为字符串或对象。Type:ArrayDefault:[]大部分场景下用字符串格式就够了,比如:export default {   headScripts: [`alert(1);`, `https://a.com/b.js`], };会生成 HT...

HTML笔记

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

2

Deshun 发布于 4年前 (2019-10-28) 5533℃ 评论(0) 赞 (2)

Ant Design for React的DatePicker日期组件设置默认显示中文的方法

蚂蚁金服的前端UI框架Ant Design 有专门针对 React 设计的 Ant Design for React 。今天在使用其中的 DatePicker 日期组件时遇到一个问题,其中有一些按钮显示英文,如下图所示:官方给出了设置中文的方法,称之为“国际化配置”:默...

经验总结

NPM常用命令及--save和--save-dev的区别在哪里

Deshun 发布于 5年前 (2019-09-24) 13077℃ 评论(0) 赞 (5)

最近在学习 React ,发现有的教程中使用 npm install 的--save 有的使用的是 --save-dev ,我之前对这两个参数的理解也是模糊的,随查阅资料,找到这篇文章 NPM install -save 和 -save-dev 傻傻分不清,转载过来方便自己以后查阅。npm install 常用命令npm install moduleName ...