Weekly#8 - Taxodium

News | Article

burnout-vs-boreout

burnout 指的是被耗尽了，倦怠了； boreout 指的是厌倦，觉得无聊。

工作中也出现过被耗尽 (burnout) 的情况，当时同时需要好几个需求，而且 deadline 都集中差不多的时间。

工作日一直加班到很晚去赶进度，一直被项目催进度，但是工作量在那，还是做不完，只能周末再加班。

本来之前已经加班过一个周末了，一而再地无法安排自己的时间，投身于工作中，最终让我情绪有点崩溃。

有的需求也是一些重复性的工作，不困难，但很繁琐也消耗时间，时间久了也会觉得厌倦 (boreout)，做起来没啥动力。

有时不是因为自己没完成工作，而是需要等待别人配合调试，而对方又慢，拖到很晚才调完，

中间其实也没我什么事，就又要加班到很晚，加班也没什么回报，就感觉非常的不值得，身心俱疲。

至于如何调解，只能是周末做点喜欢的事情放空，慢慢让情绪恢复回来。

有时做到一些比较感兴趣的功能，也能恢复一些兴奋和主动，找到写代码的乐趣。

文章提到倦怠首先要认识到是情绪的问题，可能也是源自一种失控感，失去了对自己生活的控制。

这时候就需要去给自己一些空间，去想想现在的状况是不是自己想要，自己想要的是什么；或者找朋友同事沟通一下；以及做一些小的改变去一点点尝试改变现状。

Be a thermostat, not a thermometer

我喜欢用温度计和恒温器来比喻这个概念。

如果你在寻找有关某人感受的信号，这就有点像你在试图测量他们的情绪温度。

你就是一个温度计。当他们微妙地散发出奇怪的气息时–他们皱着眉头，

回答你的问题时比平时少说了几句话，等等–你就注意到他们的体温不一样了。

当他们的杏仁核被劫持时，你可能会发现他们的行为发生了很大的变化（他们和你吵架、完全沉默、翘会等等）

–用温度计的比喻来说，他们在发烧，而你发现了这一点。

既然我们知道一个人的行为改变会导致其他人改变他们的行为，我们就可以认为他们就像一个恒温器：

他们在为整个房间设定温度。即使双方都是无意的。

这就是我们的思维方式：反映别人发出的 "氛围"。

当你感受到对方情绪变化，可以选择成为"恒温器"，去调整情绪，但这还挺需要技巧的。

Growing your taste to build better products

如果你一生只看过两部电影，那么你很可能会认为这两部电影都很不错。

但如果你看过上千部电影，你就会真正懂得如何分辨好坏，以及从糟粕中发现精华。

接触得多了，就分得出什么是好的，什么是差的。

产品设计，UI 设计，写作，编码也是如此。

Troubles with Food

不摄入超过所需热量

获取所需的全部营养

在了解以上两点的基础上，我认为最佳途径是尽量从所需的热量中获取最多的营养。

自己做饭能让你更好地（但不是完全地）了解食物的制作过程。

如果一个人要花时间准备饭菜，希望他能节省精力，做出高质量的饭菜，而不是垃圾食品。

…是因为坏习惯会累积，如果你熟悉复利的概念，你就会明白，即使是微小的偏差，在很长一段时间内也会累积成巨大的问题。

我个人就犯过没有及早正视这些错误的错误，我不得不花费大量精力来扭转这些错误造成的损失。

与经济利益不同，健康问题没有破产，只有死亡。

部分原因在于，我完全不愿意认真研究如何改变这些习惯。

它们在我的生活中根深蒂固，以至于我觉得不可能改变它们，甚至连缓和程度都无能为力。

我相信这在很大程度上是因为随着习惯的累积，你会变得固步自封，即使是一些小事，改变起来也会觉得是一件难以完成的任务。

…我想和大家分享的是，无论你已经走得多远，总有很多事情可以做来扭转局面。

…克服强迫性进食需要直接面对其原因。

原因可能是无聊、压力、痛苦（情绪或身体上的），这些都是处于我这种情况的人不可避免会遇到的慢性问题。

与我处于这种情况的人会理解强迫性进食与情绪性进食是多么紧密地交织在一起。

对我来说，最难的一课就是认识到这是可以改变的。

无论你强迫性回避的情感痛苦来源是什么，我向你保证，只要付出时间和努力，就一定有办法解决它们。

…我几乎完全戒掉了咖啡因。

虽然这对我的工作效率绝对是一个暂时的严重打击，但我可以高兴地说，

我已经反弹回来了。现在，我的工作效率比以往任何时候都高…

奇怪的是，戒掉咖啡因后，我注意到了两件事。

梦境更加详细和生动（原因不明）

对于一个每天都需要至少一杯咖啡的人来说，咖啡因戒断还是很难受，会头痛。

如果上楼梯、走路或搬东西等简单的任务让您觉得几乎完全遥不可及，您就不会想到要四处奔波和进行各种活动。

最终，一旦这些事情看起来遥不可及，它们就会逐渐变成实际上遥不可及。

人不能习惯于安逸，因为随着时间的推移，最轻微的不适也会变得难以忍受。

你必须接受一个事实，那就是很有可能在这一刻，你无法做任何事情来纠正你的状况，相反，你需要集中精力来创造动力。

你的生活就像水中的大型航空母舰。你的体重越重，哪怕是稍稍转过身来都需要更多的时间和努力。

随着时间的推移，你的良好改变会为更好的改变打开更多的大门。

这才是真正的过程，愈合你的低谷，增长你的高潮。当你的航船不再走错方向，而是朝着正确的方向前进时，你会感觉好很多。

Just for Fun. No, Really.

与诗人一样，程序员的工作也只是稍稍脱离了纯粹的思考。

他通过发挥想象力，在空中建造城堡。

很少有创作媒介如此灵活，如此容易打磨和再加工，如此容易实现宏伟的概念结构….。

然而，程序构造与诗人的文字不同，它是真实的，因为它可以移动和工作，产生与构造本身分离的可见输出。

–Fred Brooks, The Mythical Man-Month

有时编程确实是一种乐趣，带来成就感和快乐。

但是当做着一些简单机械的重复工作，也会觉得枯燥。（真希望以后都能用 AI 处理这部分工作）

Why Design Systems Can Be a Hot Mess (and How to Deal with It)

设计系统由一系列的规则/风格，规范，组件等构成，要避免它变得一团糟，需要所有人都达成共识，持续维护更新，保留一定的灵活性。

除了设计系统，编码规范，文档其实也是同理的，都需要持续维护更新。

定期安排审查，确保文档与您最新的 Spotify 播放列表一样新鲜。

Tutorial

So You Want to Learn Physics…

物理学学习路径，里面还有关于哲学和数学的学习路径。

An Introduction to SQL for Weary Data Scientists

一个 SQL 入门教程。

英语学习指南

一份飞书文档，学习英语时可以参考。

Code

The Undeniable Utility Of CSS :has

:has 选择器的介绍和一些用例。

p + a 表示的是紧接在 <p> 后的 <a> ，使用 :has 可以将这个顺序反过来。

p:has(+ a) 表示的是后面紧跟着 <a> 的 <p> 。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


  <html>
    <head>
      <style>
        p:has(+ a) {
          color: pink;
        }
      </style>
    </head>
    <body>
      <p>Welcome :)</p>
      <p>My blog.</p>
      <a href="https://taxodium.ink/">taoxidium</a>
      <p>This post is weekly#8</p>
    </body>
  </html>

6 Techniques I Use to Create a Great User Experience for Shell Scripts

详细的错误信息输出和输入验证，便于用户快速发现问题
输出样式，设置色彩可以让信息更明显（但是无法显示颜色时(\033[0m)，就会有很多影响阅读的东西）
执行步骤的输出，打印每一个执行的语句，让用户知道执行到了什么地方
使用 set -e 和 set +e 在需要的地方出现错误后终止代码
兼容不同平台的脚本，通过判断平台增加分支处理

Features of your font you had no idea about

平时写 CSS，也就是设置一下 font-family, font-weight, font-size, 但是实际上字体还有很多设置项，可以了解一下。

暗水印显隐术助力生产排障提效

由浅入深讲解如何设置网页水印。

CSS display contents

display: contents; 的介绍，第一次知道这个值的用法。

它的作用是将包裹元素的盒子“移除”，像是盒子不存在一样，或者可以理解成取消元素的“分组”。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


  <html>
    <head>
      <style>
        .container {
          border: 2px solid pink;
        }
      </style>
    </head>
    <body>
      <div class="container">
        <h1>without display:contents;</h1>
        <p>some content</p>
      </div>
    </body>
  </html>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16


  <html>
    <head>
      <style>
        .container {
         border: 2px solid pink;
         display: contents;
        }
      </style>
    </head>
    <body>
      <div class="container">
        <h1>with display: contents;</h1>
        <p>some content</p>
      </div>
    </body>
  </html>