微信 Q Q RSS订阅
捐助名单 收藏本站

JavaScript

分类将整理JavaScript的最新标准ECMAScript和其衍生语言TypeScript的特性和用法。涉及JavaScript在前端开发中的应用，包括Vue/React/Angular等流行的前端框架等。
JavaScript

React 组件库 CSS 样式问题分析

1

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

React 组件库 CSS 样式问题分析

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

标签：  /   /   /   /   /   /   / 

JavaScript

ant design ProLayout出现两个重复header的问题解决

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

umi 项目 使用的是 ant design pro 的 layout 布局，发现页面有点不对劲，检查元素发现渲染出来两套 header 标签。问题原因：在 umi 的 config 配置中有 layout 配置，又在 src/layouts/index.tsx 中使用了 <ProLayout /> ，造成了重复引用。解决方法：将 umi 配置的 layout 配置项删除即可...

标签：  /   /   /   / 

JavaScript

升级umi4微应用（qiankun）白屏问题解决

1

Deshun 发布于 2年前 (2022-09-22) 1700℃ 评论(0) 赞 (3)

升级umi4微应用（qiankun）白屏问题解决

哎，对阿里的产品简直无语，升级 umi4 后一堆报错，好容易逐个攻破，跑起来了，可以看下我昨天整理的文章：umi3升级umi4报错问题汇总，附解决方法现在又发现之前配置的乾坤（qiankun）微应用白屏， root 标签为空。找了半天，原来是 umi4 的路由配置里做了微小的修改...

标签：  /   /   /   /   / 

JavaScript

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

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

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

标签：  /   /   /   / 

JavaScript

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

1

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

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

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

标签：  /   /   /   /   / 

JavaScript

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

2

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

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

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