yangchch6
yangchch6
## 问题 - 用CSS选择器实现：根据某元素所包含的子元素个数，分别设置不同的样式。  ## CSS 解决方案 ``` // ul 只有 1 个子元素的样式 li:nth-last-child(1):last-child { width:100%; } ``` ``` /* ul 有 2 个子元素的样式 */ /* li:nth-last-child(2):first-child, 是倒数第二个元素，又是第一个元素，说明li的父元素ul有2个子元素（起到了 判断某父元素下有几个子元素...
## 需求 - modal组件支持可拖拽能力 ## 方案 - 基于bee-dnd组件实现模态框的拖拽 ## 遇到的问题 - 当可移动组件在iframe上浮动时，拖放行为将粘附在鼠标上。 - 拖拽的交互和效果和h5原生拖拽一致，没有达到预期的Dnd组件的效果。 - 具体效果如下：  ## 探究原因 - Dnd组件基于react-draggable插件实现，于是我去翻看了下他们github上的issues，并找到了类似的提问  - 因为iframe的原因，在iframe上松掉鼠标，捕获不到document.onmouseup事件 ## 解决方法 - 当拖拽动作开始时，设置pointer-events:none，让元素不再是鼠标事件的target，鼠标不再监听当前层而去监听下面的层中的元素。 ``` .react-draggable-transparent-selection...
# Table 组件错行问题总结 Table 表格若出现错行问题，大致分为以下几种情况： ## 1. 单元格内容过多，超出一行 #### 场景描述 > 当单元格内容过多，折行显示时，出现固定列和非固定列错行现象。 #### 问题分析 > 给 Table 设置了 bodyDisplayInRow={false}，并且自定义了行高 height 属性，导致行高不一致。 #### 解决方案 > [email protected]+ 版本，在组件内部对 height 属性做了处理，在设置 bodyDisplayInRow =...
### 场景一：windows环境下，node版本为v8.11.3时，全局安装bee-tools，报错： #### 1、全局安装bee-tools时，报错信息： ``` js > Binary has a problem: Error: The module '\\?\D:\MyDownloads\Download\win32-x64-46_binding.node' was compiled against a different Node.js version using NODE_MODULE_VERSION 51. This version of Node.js requires...
### 问题：在一个项目中使用 webpack 编译后，发现其 z-index 被改变了，原本有的组件设置类似为 999 的都被优化为 1～9 了。 ### 探究原因： 1. 首先 less 不会转码，排除less本身的问题。 2. 其次就是在js 中完成 css 的抽取，以及 css 的压缩优化，这些操作也不会改变z-index，排除。 3. 最后，发现是项目中使用了postcss-loader，其内部cssnano处理器对z-index等属性进行了处理，结案。 ### 解决方案： - optimize-css-assets-webpack-plugin插件和postcss插件内部调用了cssnano处理器，cssnano处理器v3版本中autoprefixer postcss-discard-unused...
## 关于windows不支持NODE_ENV=development的问题 ### 场景：windows环境下，安装webpack-dev-server后，项目中执行npm run dev报错： ``` bash $ npm run dev > [email protected] dev D:\ycc\Yonyou\course\webpack-course > NODE_ENV=development webpack-dev-server --open --env.mode=development 'NODE_ENV' ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒ npm ERR! code ELIFECYCLE npm ERR!...
In the `createPropertyFormatter` function, I can't pass in custom formatting attributes, because it will be overridden by hard-coded `prefix='--'`  This code should be changed like this, could you support...
## 问题描述 - 在选择值后，鼠标 hover 输入框，显示的 title 可以自定义。目前 title 和 传入的JSON 数据中的 title 字段是一致的，且不支持修改。  ## 期望的行为 - 希望可以新增 API （如：tipsField），支持设置 title 对应的字段，假如我传入的 treeData 如下所示： ``` const treeData = [...