第五周
date
May 6, 2022
tags
summary
type
Post
status
Published
slug
week-5
Framer Motion 实现 Apple Music 动效
React Concurrent Mode
React 18 的最大功能应该是这个 Concurrent Mode 发布。虽然是在“引擎盖之下”的功能，最重要的是弄明白有什么用？能用来干嘛的问题
Web 3D 工作流
试用了一下推文中提到的 Spline - Design tool for 3D web browser experiences，虽然没有接触过 3D 设计相关的工作，但由于软件界面布局和 Figma 相似，操作逻辑也很符合直觉。
上面是设计，工作流来到开发部分时。Spline 官方提供了封装好的 React Hooks ‣ 直接使用即可。最后来看看 官方DEMO
最后想说 3D 网站是真的帅，不过上手难度也很高呀
使用过的 Webcam Apps
由于疫情的原因线上办公的人变多后，使用手机摄像头作为电脑的摄像头这类需求的 App 也呈景喷式的出现。自己平常其实用的也不多，只是偶尔使用来填补黑苹果台式电脑没有配摄像头的空缺。说一下几个 App 简单使用下来最直观的感受。
最早用的是 NeuralCam 那时候还不知道这类产品，印象中有个隐私保护功能比较有特色。
后来发现 EpocCam | elgato.com 这是一家做硬件的公司出的软件产品。换成这个最主要的是支持 Wi-Fi 连接，手机就不用直接插着线，方便手机找到合适的地方摆放和调整角度。
现在又看到一个叫 Reincubate Camo 换它是因为上面两个产品是 iOS 平台。而改用这款产品最重要的是它支持安卓手机。
因为图标而装的 App
Recursive Sans & Mono 字体粗细的改变不影响 UI 布局
左边的不支持这种特性的字体会让布局出现抖动。实现的方法应该是字体文件处理了在不同字重下对 HTML 元素宽高的影响