入职新公司快一个月了。再一次的东京生活也算稳定下来了。到现在为止生活还算惬意，30 岁之后心态真的会发生很大的变化（笑
每当天气好的清晨黄昏，就可以在小屋阳台看到富士山
话不多说，接手的第一个项目是类似问卷的项目，包括管理侧制作问卷，和用户侧使用问卷。分两个仓库开发过一版，但是种种原因没有上线。现在时机成熟了，重启项目。新的一版设计中管理侧有预览用户侧问卷的功能，那为什么不把两个仓库合二为一呢。
上一份工作有大规模的使用 Monorepo，采用的是微软开源的NX作为构建 Monorepo 的方案，功能很齐全很强大，它的命令行工具类似 NG CLI，但这样带来的副作用就是刚上手可能会有一些不知所措。小型项目使用的话，有些杀鸡用牛刀。
短暂的考虑一番之后，决定采用简单轻量pnpm workspace方案，花了一天时间把两个项目合而为一，顺便替换掉Yarn.
要开始下一程了，在这个没人在意的角落。记录一下这为期半年的Gap，踏入社会之后难得的长假。
前司Last Day是今年三月的的最后一天，各种手续办完，和同事简单寒暄之后大概下午四五点的样子。离开了公司。删除Lark那一刻，紧绷两年的神经一下子松了下来。
自己是一个特别容易焦虑的人，生活上、工作上都是。无论是否工作日，睡前、起床第一眼都是公司的SNS，看看有没有漏掉的消息，负责的系统是否平稳运行。神经总是紧绷的。
为什么离职呢？工作方面，前司除了忙，什么都好。薪资在坡很有竞争力，可以WFH，只是必须在新加坡（这样也很舒服），Office呢有星巴克咖啡机，各种零食、冷饮。当年晚上七点Garb外卖随便点。托公司投资的福，在很好的位置观看了F1新加坡站的比赛(P房正对面座位)
（F1·Singapore）
more >>转眼就要 10 月了，依旧赋闲在家。8 月份确定 Offer 以来，心安了很多(后续会列举出完整的时间线)。
这次的就活顺利结束，接着休息、看技术、学日语。等待出发。
林芝·雅鲁藏布江大峡谷
下面是掘金CSS 技术揭秘与实战通关这本小册的一些 Note。相当用心的一本小册(可以说开了眼界，学到了很多)
今年以来唯二值得推荐的掘金小册，link：https://juejin.cn/book/7052964245259943948
整个学习过程一部分手敲联系代码放到了这里一共114 case (不单单是小册里面的 CSS 技巧还有一些其他尝试)
Repo: https://github.com/laclys/css-practice-2023
下面呢就是 Note 部分
more >>这一整年工作一直很忙，github/博客一直没有更新、搭理。前段时间整理产出了一篇工作上的积累 项目图片优化使用WEBP 像往常一样 hexo g & hexo d 一条龙生成+部署，就没有管它。
最近重新拾起，访问了一下blog，发现居然是空白页。刷新了数次、使用无痕再重新hexo g & hexo d，还是空白。这是怎么回事呢，意味着上次更新完博客，一直处于“挂了“的状态
Shell脚本(需安装：brew install webp)(https://developers.google.com/speed/webp/docs/cwebp)
1 |
|
容器技术的一个实现
快速打包技术
Namespace和Cgroup(负责资源管理控制)两大机制保障
docker != container
read-only 文件SnowpackSnowpack is a modern, lightweight toolchain for web application development. Traditional dev bundlers like webpack or Parcel need to rebuild & rebundle entire chunks of your application every time you save a single file. This introduces lag between changing a file and seeing those changes reflected in the browser, sometimes as slow as several seconds.
We call this new approach O(1) Build Tooling.
简而言之就是利用原生ES Modules(几乎所有现代浏览器都支持这个特性，当然除了IE, 支持IE11),无需打包工具（Webpack，Parcel）便能将代码结果实时展现在浏览器中的No build step needed!构建工具。还有一个宣传点就是Snowpack是一个时间复杂度O(1)的构建系统。像webpack这种打包工具是一个时间复杂度O(n)的过程，一个文件变更，你不止重新构建这一个文件，而是多个相关文件甚至整体一整块，要经历build -> bundle recompilation这个过程。Snowpack呢，则是分别构建每一个文件 。在开发过程中，更改了某个文件，只需要重建这一个文件build(file) => result单个文件单个缓存(换言之，如果你不变更xx文件，那就永远不用重构它)。加载页面也是，它只会请求当前所需的那些文件。开发环境只要一次Snowpack，修改源码能够实时反馈在浏览器上，可以获得更快的开发体验。当然Snowpack也不是完完全全的bundleless，当然这个是后话
React、Preact、Vue、Svelte、Tailwind CSS(snowpack2.0 已经内置了 JSX 和 Typescript 文件的处理)Babel、TypeScript、PostCSSCreate Snowpack AppSnowpack多构建文件的问题)React16算是React诞生至今变化相当大的一个版本，在v16版本中陆陆续续新增/修改了很多地方。最新的release版本已经到了v16.8.4。
不管是平时工作还是自己学习都已经使用上了v16这个版本
这里就简单说一下v16里的生命周期(虽说是老生常谈，但仔细看文档还是发现了一些之前没注意、不怎么用的东西比如getDerivedStateFromProps和getSnapshotBeforeUpdate)
react生命周期分三个阶段：挂载、更新、卸载 , v16多出了一个异常捕获(componentDidCatch)
这里我们主要看一下constructor、componentWillMount和static getDerivedStateFromProps
constructor外面做会更直观更简单(v16之后constructor使用场景会变少)1 | class Test extends Component { |
缺失模块。
1、在博客根目录（注意不是yilia根目录）执行以下命令：
npm i hexo-generator-json-content --save
2、在根目录_config.yml里添加配置：
jsonContent:
meta: false
pages: false
posts:
title: true
date: true
path: true
text: true
raw: false
content: false
slug: false
updated: false
comments: false
link: false
permalink: false
excerpt: false
categories: false
tags: true