snowdream

需求

需求就是标题所示，需要有一个泛型类型能够把联合类型转化成一个相应顺序的元组类型：

1
2

type SourceUnion = 'key1' | 'key2' | 'key3'
type TargetTuple = UnionToTuple<SourceUnion> // ['key1', 'key2', 'key3']

前言

在写HTML这类自带样式设置的渲染语言时，可能写出一个圆角矩形仅仅就是一个样式设置就搞定了；但是有没有想过，直接在webGL中用原生的着色器算法写出一个类似CSS圆角样式的效果怎么做？

前言

网上找了一圈关于vue骨架屏生成框架，但是目前最成熟的就是饿了么团队的page-skeleton-webpack-plugin，但是由于该插件只能支持history模式，所以比较受限；

注：本文可以看做一篇综述，不会涉及太多细节；

跳出前端，拥抱CS

• CS：computer science，即计算机科学领域；
• CG：computer graphics，计算机图形；
• CV：computer vision，计算机视觉；

前端是多个CS细分领域交叉应用的产物，而CSS本质上就是基于CG原理进行开发的；

前言

Web Vitals是谷歌针对网页加载速度和体验所提出的一套指标，这套指标用于测试网页的加载速度及用户体验等等；谷歌基于这套指标不仅设计了多套测试工具，还针对各种指标提出了相应的优化方法，具有很高的实用价值；

Web Vitals is an initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.^[1]