前端资源网 - w3h5前端资源网 - w3h5

24小时更新:0篇    一周更新:0篇最近更新

JavaScript

ag-grid设置选中单行多行及获取选中行数据

Deshun 发布于 2年前 (2022-09-09) 1344℃ 评论(0) 赞 (4)

ag-Grid 是比较实用的数据表格组件,最近接触到了相关的项目,简单记录一下设置选中单行多行和获取选中行数据的方法。设置多行选中rowSelection 行选择的类型,设置为 'single' 或者 'multiple' 启用单选和多选。const gridOptions = {   headerHeight:&...

JavaScript

Umi4获取不到props,默认为空对象

1

Deshun 发布于 2年前 (2022-08-29) 1925℃ 评论(0) 赞 (1)

Umi4获取不到props,默认为空对象

升级到 Umi4 后,有同事和我反映,之前的一些组件不能用了,获取不到 props ,props 是空对象。Umi4 在代码层做了修改,将 react-router@5 升级到 react-router@6,所以路由相关的一些 api 存在着使用上的...

经验总结

React map 逗号的解决方法

Deshun 发布于 2年前 (2022-08-16) 1115℃ 评论(0) 赞 (3)

使用 map() 插入 DOM 时返回的数组因为拼接 += 调用了 toString() 方法,数组结构 [1, 2, 3] 里面的逗号也会被带上,就变成了 1, 2, 3 循环输出到 DOM了。解决方法使用 join() 可以切开一个数组,指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。arr.map((item)=>{   return item...

JavaScript

ExcelJS导出Ant Design Table数据为Excel文件

2

Deshun 发布于 2年前 (2022-07-26) 1490℃ 评论(0) 赞 (1)

ExcelJS导出Ant Design Table数据为Excel文件

我们的项目中需要导出 Excel 的需求还是挺多的,找了一个处理导出 Excel 的库 ExcelJS ,npm包。可以满足(但不限于)以下需求:简单表格导出为表格添加样式(更改背景色、更换字体、字号、颜色)设置行高、列宽解析 ant-design 的 Table 直接...

JavaScript

Umi for React项目mock数据的使用

Deshun 发布于 2年前 (2022-07-22) 1296℃ 评论(0) 赞 (0)

使用 Mock 可以方便的模拟接口数据,只需要简单配置,就能实现上万级别的模拟数据。下面简单记录一下, Umi 项目 Mock 的使用:本地配置开启 Mock修改 umi 配置文件 .umirc.ts ,开启 mock :export default defineConfig({   mock: {}, });配置接口在项目...

经验总结

Flex弹性布局元素被挤压变扁问题解决

1

Deshun 发布于 3年前 (2022-07-05) 1485℃ 评论(0) 赞 (0)

Flex弹性布局元素被挤压变扁问题解决

像这种,如果子元素的宽度过大,就会出现被挤扁的情况,不能显示实际的宽度。解决方法:有一个 flex-shrink 属性,可以解决元素被挤压的问题。flex-shrink 属性指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收...