snowdream

前言

注：本文写于2020年较早的时候，只是最近整理发布，因此关于渲染流程的认识比较肤浅，重点关注阻塞策略部分就好了；

需求

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

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原理进行开发的；