经验总结

记录日常工作生活中遇到的问题,技术和知识点
经验总结

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

1

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

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

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

经验总结

VsCode将被取代?Jetbrains推出“下一代IDE”Fleet

8

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

VsCode将被取代?Jetbrains推出“下一代IDE”Fleet

作为开发人员,肯定都对 JetBrains 这家公司比较熟悉。他们针对开发人员推出了很多编辑器软件,比如:IntelliJ IDEA 、WebStorm、PhpStrom、GoLand 、PyCharm 等。这些编辑器的风格很像,也都是公认非常好用的编辑器。好用是好用,...

经验总结

React & Ant Design Table组件自定义单元格文字颜色

1

Deshun 发布于 3年前 (2021-11-18) 2428℃ 评论(0) 赞 (0)

React & Ant Design Table组件自定义单元格文字颜色

Ant Design 自定义列的单元格字体颜色,一般财会项目可能用的的比较多。利用 columns 的 render 属性,可以 return 一个 <span /> 标签,并设置 style ,代码如下:const columns&nb...

经验总结

浏览器history模式及Umi history的使用

Deshun 发布于 3年前 (2021-11-14) 3220℃ 评论(0) 赞 (2)

history API 是 H5 提供的新特性,允许开发者直接更改前端路由,即更新浏览器 URL 地址而不重新发起请求。它提供了丰富的函数供开发者调用:push :向 history 栈里添加一条新记录,用户点击浏览器的回退按钮可以回到之前的路径;go:在 history 记录中向前或者后退多少步,参数是一个整数,可为正数可为负数;goBack:返回上一页;forward():前进;replace...

经验总结

umi项目antd pro ProLayout添加base或开启hash时菜单不能正常选中的解决方法

Deshun 发布于 3年前 (2021-11-03) 1526℃ 评论(1) 赞 (1)

umi 项目使用 Ant Design Pro ProLayout 组件在添加 base 或开启 hash 时菜单不能正常选中。解决方法:传入 location 即可:const IndexPage: React.FC<BasicLayoutProps> = (props) => {  &...

经验总结

Chrome安装本地crx插件包的流程及问题解决

1

Deshun 发布于 3年前 (2021-10-26) 1311℃ 评论(0) 赞 (1)

Chrome安装本地crx插件包的流程及问题解决

1、地址栏输入:chrome://extensions/ 打开扩展程序页面2、右上角开发者模式 打开3、将插件拖进浏览器界面会显示“拖放以安装”4、松开鼠标,上方会显示弹窗,点击“添加扩展程序”即可安装成功5、新版本可能会提示“无法从该网站添加应用、扩展程序和用户脚本”地址栏输入...

经验总结

Momentjs常用用法整理总汇

1

Deshun 发布于 3年前 (2021-10-11) 1093℃ 评论(0) 赞 (1)

Momentjs常用用法整理总汇

Moment.js 是一个 JavaScript 日期处理类库,用于解析、检验、操作、以及显示日期。对于前端开发者来说还是非常实用的,今天就整理一些 Moment.js 的常用用法,方便后期查阅:先说一下基础用法:当前时间的时间戳:moment()可以指定时间:moment(&#...

经验总结

避免“cannot read property of undefined”错误的几种方法

Deshun 发布于 3年前 (2021-09-26) 2354℃ 评论(0) 赞 (0)

前端在开发中肯定遇到过 Uncaught TypeError: Cannot read property 'type' of undefined. 错误。这是一个可怕的错误,数据正常的情况是可以正常运行的,如果某个 API 返回了意外的空值,就会抛出这个错误,影响程序的正常运行。今天就讨论一下如何从源头阻止这个问题的发生。工具库下面简单例举两个:lodash 里的 _.get(文档...