二月总结

新文章

• 从思辨中学历史

找工作

因为上家公司经营不佳，所以被通知年后不用复工了，于是我开始了找工作的日子。说实话我挺喜欢小城市的生活节奏的，不太愿意回到广州这种一线城市。一线城市的人总是匆匆忙忙的，小城市虽然人少，但更有人情味，而在一线城市，哪怕挤地铁时别人就贴在自己身边，但其实出了地铁后，你可能就会忘记这个人，并无多少交集，甚至连他长什么样都不知道，所以我更喜欢小城市。但可惜我所在的小城市这类公司太少，薪资待遇也跟不上，无奈也只能回广州了。

经过了一个星期的面试，总算收到一个心仪的 offer，前天刚入职，就目前情况来看还是很不错的。有了之前的教训，这次我在公司附近的地方租房，免去上班挤地铁的痛苦，这极大提高了幸福感。

由于搬家东西较多，只能让父亲开车送我下来，心里有点不好受，短短几个月，行李搬来搬去的，还要他老人家陪自己奔波，暗暗下定决心，以后绝对不要频繁跳槽了，就先稳定下来吧。

博客迁移到 Jekyll

我之前的博客使用 hexo 搭建的，基于 Polarbear  主题做了一些改造，至今也三年多了，我一直都挺喜欢这个主题，直到我看到这个  Chirpy，我觉得是时候要换换花样了。但由于这个主题是 jekyll 平台的，我要用只能有两个选择：

1. 将主题适配到 hexo
2. 将博客迁移到 jekyll

显然方案一要更有趣，还能多一个 repo，但想到用了这么久 hexo，也想尝试一下 jekyll，所以暂时选择方案二，于是花了个把小时迁移过来。后续如果有换回 hexo 的想法，再实施方案一。

其实从 hexo 迁移到 jekyll 也是有损失的，比如会导致以前的文章：链接失效、评论丢失。

虽然上面两个问题都有办法解决，但是一来想到我的博客只是我的自留地，没什么人看，评论就更少了，并且数据也不是真的丢失了，有心的同学通过搜索引擎还是能够找到的，所以索性不管了。

另外一个就是不破不立嘛，今年更想多写一些技术以外的东西，虽然大部分只不过是我的牢骚罢了。

最后放一下博客前后主题的对比，也是跟陪伴我三年的 Polarbear  主题讲拜拜。

之前： 现在：

分享发现

文章

• 不为人知的韩国新浪潮电影，为什么那么重要？
• 不得不看的韩国电影
• 如今的春晚，诸神散去
• 李敖北大演讲全文
• 不写三年大饥荒，就对不起历史和老百姓
• 我的家庭理财规划

文章(技术类)

• What’s New In DevTools (Chrome 90)

  1. New CSS flexbox debugging tools
  2. New Core Web Vitals overlay
  3. Issues tab updates
  4. Format strings as (valid) JavaScript string literals in the Console
  5. New Trust Tokens pane in the Application panel
  6. Emulate the CSS color-gamut media feature
  7. Improved Progressive Web Apps tooling
  8. New Remote Address Space column in the Network panel
  9. Performance improvements
  10. Display allowed/disallowed features in the Frame details view
  11. New SameParty column in the Cookies pane
  12. Deprecated non-standard fn.displayName support

• 用 Podman Compose 管理容器

• 写给程序员的机器学习入门 (一) - 从基础说起

• 中文技术文档写作风格指南

  • 自动检测工具

• 5 Advanced Tips for Vue Performance

  1. 深度 watch 对象变更以便做一些特定操作时，建议将它转为 JSON 后再监听，可以减少大量内存耗费
  2. 不需要改变的数据使用 Object.freeze 冻结对象，让它不再被监听变更
  3. 不要用 Vuex 的 getters 来实现类似于 getItemById 的方法，因为它不会被缓存，可以返回一个 Map，通过索引的方式获取某个 Item
  4. 如果在 getters 或者 computed 返回一个通过拷贝的方式获取每个 Item 的列表时，修改某个 Item 会导致整个列表产生变更，从而导致整个列表组件重新渲染，应该将只需要变更的部分单独提取一个变量
  5. 使用 IntersectionObserver API 优化大量 DOM 的情况，只处理当前可见的 DOM 数据

• Why is it so hard to see code from 5 minutes ago?

• Visual Viewport API

• Don’t use functions as callbacks unless they’re designed for it

• CSS Color Module Level 4

  • rgb 和 hsl 不需要用逗号分开，取而代之的是空格和 /：点这里看看

• Useful DevTools Tips And Shortcuts (Chrome, Firefox, Edge)

• 20 essential web tools for developers

• <a>: The Anchor element

  • ping 属性了解一下

• The Future of CSS: Scroll-Linked Animations with @scroll-timeline (Part 1)

• Maximally optimizing image loading for the web in 2021

• Avoiding npm substitution attacks

书籍

• 写给不耐烦程序员的 JavaScript（其实就是下一本 2019 年的译版）
• JavaScript for impatient programmers
• Deep JavaScript: Theory and techniques
• Tackling TypeScript: Upgrading from JavaScript
• Debugging CSS

网站

• Resources - The Power of Serverless：大量 serverless 相关的资源，来涨涨见识也好呀
• Linux Command Library：大量一行的 shell 命令示例
• CSS Working Group Editor Drafts：CSS 提案列表

工具

• coco：使用纯 CSS3 建立 3d 组件
• Bit：现代化 Git CLI，在终端上交互式地使用 Git 命令
• 批量生成多尺寸 APP Icon

技术（语言、类库等）

• TroisJS：ThreeJS + VueJS 3 + ViteJS
• Jōtai：一个 React 原始，灵活的状态管理器
• @vueuse/motion：一个 Vue 的可组合 API 动画库
• Mpx：一款具有优秀开发体验和深度性能优化的增强型小程序开发框架