5 分钟阅读

十五周刊 - 101

2023 第 50 周周报

欢迎来到十五周刊,我们每周都会分享有价值的前端技术文章,让你随时掌握前端的最新动态。此外,我们还会介绍一些实用的软件工具,帮助你提升工作效率。同时,我们也会分享一些个人生活感悟,希望通过分享,能够给你的生活带来一些启示和思考。希望你会喜欢我们的内容。

VSCode Tips

  1. shift + drag 可将图片文件拖到 markdown 文件内
  2. code --diff path/a path/b 使用 VSCode 对比文件差异

间歇日记与柳比歇夫时间统计法

间歇日记 (Interstitial Journaling)

在每次任务切换时记录:

内容:

  • 无论事情大小,想到就记
  • 上一段时间做了什么
  • 有什么想法收获
  • 接下来计划做什么

好处:

  • 清空大脑
  • 无压力记笔记
  • 产生天然的时间轴

缺点:

  • 任务没有分类,记录轻松但不方便后续统计分析

柳比歇夫时间统计法

内容:

  • 只记录重要的事情
  • 记录任务耗时
  • 记录任务分类(类别不宜多)
  • 记录事件而不是场景
    • 在一个不重要会议上,摸鱼学习,应该记录的是学习而不是开会。开会是场景,其实并不重要,真正重要的是学习,这才是有意义的记录。
    • 记录的目的服务于加深分析自己的状态,以便修正,完成目标。千万不是为了事无巨细的记录而记录,不要追求完美

好处:

  • 清空大脑
  • 事件有更多的信息,可以作为统计分析依据。可以基于此自查自己的时间分配是否合理

缺点:

  • 记录的压力大一些,需要回想花费的时间及分类
  • 没有时间轴,不方便回顾

总结

两种方法各有优劣,我打算试试将他们结合起来。

在间歇日记的基础上,加上时间耗时。即保留间歇日记的无压力记录的优点,随意记录,但不加分类标签。

在每日 review 的时候,将间歇日记中的事件进行分类,然后记录耗时。这样就可以得到一个有时间轴的记录,也可以得到分类后的统计数据。

VSCode Atom Material Icons 图标主题

这个主题的图标异常丰富,喜欢的可以试试。

CSS :has :not 伪类

:has() 选择器可以选择包含特定子元素的父元素

:not() 选择器可以排除部分元素

Q: 如果我希望选中 a 元素且 a 的子元素有 classB 没有 classC, 应该如何处理

css
1a:has(> .classB):not(:has(> .classC)) { 2 /* 样式设置 */ 3}

我做了什么

使用 PARA 管理浏览器书签

每次需要收藏书签时,都会纠结放在哪里,而且过一段时间后文件夹总会变得杂乱无章。

最近看到有用 PARA 管理笔记和任务的,感觉也可以用 PARA 管理书签。

PARA 将信息分为四类:

  • Project:具有完成标准的短期目标,是一件具体可量化的事情,来源于 Area。例如完成一篇博客
  • Area:模糊的长期目标,例如健身,个人品牌。来源于 Resource
  • Resource:感兴趣的主题或任何其他事物
  • Archive:归档后的上述三类东西

对应的,我将工作分为两个领域,一个是前端组内的工作,一个是业务线的工作。然后接到一个需求后,根据对应的 Area,将书签分配到领域的文件夹中,当需求成熟后,就将相关书签独立为文件夹放入 Project 文件夹中。等需求完成再将这个项目放到 Archive 中归档。

至于 Resource 文件夹,存放的是临时收到的无法分类的书签,或者是一些感兴趣的主题。等日后慢慢处理。

最后配合 Arc 浏览器的命令行工具 (command + L),可以快速定位到文件夹或标签。