02 2021 档案
摘要：新用户在填写表格时, 需要看 label, 而 stacked 是最合适的, 因为可以看到 label 和 input 在一起, 读起来就顺. 相反的, 经常使用同个表格的用户, 对表格布局非常熟悉, 他们会避开看 label, 只看 input 那么 side by side 就对用户来说比较顺.
阅读全文
摘要：table 由于留白很多, 可以善用空间, 扣分的地方是重复显示 UOMHeader cell 显示 UOM, 处理 currency 不用(ads 是这样的) Excel 用户可能会需要自己算 formula, 所以 number 不能是 string例子: 10 cm Form 需要在 inpu
阅读全文
摘要：dialog animation 会 scale(0.7) => scale(0.1), keepBigger 组件会拿到的 size 是 scale(0.7) 因为通过 getBoundingClientRect 去拿, 好处是精准, 坏处是拿到 scale 当下的状况 为了拿到对的 size,
阅读全文
摘要：在 <cdk-virtual-scroll-viewport> 里有 ngIf 是不支持的 <cdk-virtual-scroll-viewport [itemSize]="18" class="example-viewport"> <div *cdkVirtualFor="let item of
阅读全文
摘要：在做table 时, drag cell 是空的当还没有 hover 时. 原理我不懂, workaround 是 vertical-align: top; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na
阅读全文
摘要：这次的坑是和父层字体不一致, 原理我不清楚... workaround 是不要让子层的字体贴着最上方 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width
阅读全文
摘要：在 chrome 测试, 需要打开 6 倍慢的速度才能看到 lag 原理我不知道为什么会 lag. 目前避开的方式是不要给 scroll element background-color 我也尝试用 will-change: scroll-position, 没效果 <!DOCTYPE html>
阅读全文
摘要：链接: https://stackoverflow.com/questions/14262938/child-with-max-height-100-overflows-parent 解释说不行的原因是子层没有办法知道具体的高度, 所以会进可能的大... 原理我不知道, 要读 W3C 才有结果...
阅读全文
摘要：Angular sticky 会很快的去拿 cell width 作为要 sticky 的 position 中了一个坑 我们需要在之后去 binding class, 这时已经来不及了, 因为 sticky 很早就拿了 cell width, 所以只能去 manual run update sti
阅读全文
摘要：当字遇到空间不足时, 会自动 word break, 而掉下去的字会诞生多余的空间 step 1 去到 step 2, 只掉下去会产生多余空间 最理想的是去到 80px, 但是目前没有方法做到.
阅读全文
浙公网安备 33010602011771号