Skip to content

2022 掉落拾取一

2023-03-29-view(s)-comment(s)- min read

前言

由于懒惰,从去年下半年到现在,WorkFlowy 里堆积了若干条 torecord 项,是时候清掉它们了。

正文

Commit Convention

规范具体参考 conventional-commits,在此只罗列一些主要的提交类型:

  • feat: 新功能
  • fix: 问题修复
  • docs: 文档更新
  • style: 样式更新(代码风格、组件等)
  • refactor: 不影响功能的重构
  • perf: 性能优化
  • test: 测试相关
  • build: 构建相关(以及依赖项更新)
  • ci: 持续集成相关
  • revert: 还原、回退
  • chore: 其他

overflow: auto 遇上 display: flex

具体见这:

可以看出,由于某些原因首个 inner 的一部分无法被显示,对此我们可以加一层嵌套,没有什么是一层嵌套解决不了的:

时间过得很快,转眼你就要离开,正当你就要走时,你无意间给 container 加了个 padding,于是:

F**k,这不是你要的滑板鞋!

没有什么是一层嵌套解决不了的,如果有,那再给 wrapper 加个固有宽度:

这些奇妙现象可以从 这个回答 感悟到一些端倪,但也只是感悟,只是端倪。F**k,CSS 真有意思。

display: flex 遇上 text-overflow: ellipsis

当一个 display: flex 的元素设置 text-overflow: ellipsis 时,我们期待看到的省略号没有出现:

对此我们可以加一层嵌套,没有什么是一层嵌套解决不了的:

未完待续。