• 主页
  • 标签
  • 归档
  • 搜索
  • Github

May 02, 2020

2020-4-30 工作日志

小书匠

scrat's acorn

  1. gitalk 在 action 时自动创建 issue

css 小技巧

https://suziwen.github.io/acorns/tech/using-css-to-control-text-selection

不需要 javascript , 实现单击一个元素,就默认选择全部文字,再单击一次,恢复普通选择.

  1. 将元素 css 设置为 user-select: all;
  2. 第一次点击后,设置一个 @keyframes 动画, 该动画延时执行在 :focus 时触发 user-select: text;,这样,第二次点击时,就会变成普通的文本选择
  1. 1code { 

  2. 2 -webkit-user-select: all; 

  3. 3 user-select: all; 

  4. 4} 

  5. 5 

  6. 6code:focus { 

  7. 7 animation: select 100ms step-end forwards; 

  8. 8} 

  9. 9 

  10. 10@keyframes select { 

  11. 11 to { 

  12. 12 user-select: text; 

  13. 13 } 

  14. 14} 

生活

计算桌子的高度

计算桌子高度

计算桌子高度

  1. 1(170 + 130) / 2 = 150 

计算思路

计算思路

  1. 1x + y - z = 170 

  2. 2z + y - x = 130 

  3. 3----------------- 

  4. 4(x + z) + (y + y) - (z + x) = (170 + 130) 

  5. 5----------------- 

  6. 62y = 300 

  7. 7y = 150 

另一种思路

另一种思路

英语

go nuts

Tagged with 远程工作 | 工作日志 | 小书匠
Time Flies, No Time for Nuts
Copyright © 2020 suziwen
Build with  Gatsbyjs  and  Sculpting theme