经验总结

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

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

1

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

Umi & Ant Design 的Table组件合并单元格及去掉某一列的竖线实现

今天接到一个需求,表格要改成这种的:环比分为两列,表头居中对齐,下面单元格右对齐,而且中间的线要去掉。这样就需要用到合并单元格,然后通过样式把边线去掉,这里的根据数值设置字体颜色可以用 render 属性,可以参考:React & Ant Design Tabl...

经验总结

Math.max()方法获取数组中的最大值返回NaN问题分析

1

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

Math.max()方法获取数组中的最大值返回NaN问题分析

今天群里边有人问到 Math.max() 方法返回 NaN 的问题,我简单举个例子,看下图:看上去没什么问题,但为什么返回 NaN 呢?我们先简单看一下  Math.max() 方法:Math.max()Math.max() 函数返回一组数...

经验总结

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

1

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

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

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

经验总结

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

8

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

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

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

经验总结

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

1

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

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

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

经验总结

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

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

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

经验总结

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

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

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

经验总结

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

1

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

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

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

经验总结

Momentjs常用用法整理总汇

1

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

Momentjs常用用法整理总汇

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