知鸦日报2022-10-17

D2C 是指 Design to Code，设计稿转代码，输入是 sketch、figma、PSD 等设计稿，输出是 vue、react、小程序等各平台的前端代码。

对前端工程师来说，如果能直接把设计稿转成可用的代码，是非常有意义的，那这样一个工具是怎么实现的呢？

vue、react 等各平台的前端代码都可以通过一种树形数据结构来描述，比如 vdom。当然这里不是用 vdom，而是需要设计一种中间数据结构，叫做 DSL（领域特定语言），专门用于描述界面结构的一种语言。

也就是说我们要把从设计稿中提取出的信息转成中间的 DSL，然后再通过 DSL 打印成各种代码。

InnoDB 存储引擎中所有可变长度类型的字段（如 VARCHAR、VARBINARY、BLOB 和 TEXT）可以存储在主键记录内，也可以存储在主键记录之外的单独 BLOB 页中（在同一表空间内）。所有这些字段都可以归类为大对象。这些大对象要么是二进制大对象，要么是字符大对象。二进制大对象没有关联的字符集，而字符大对象有。在 InnoDB 存储引擎中，字符大对象和二进制大对象的处理方式没有区别，我们使用“BLOB”来指代上述的大对象字段。BLOB不同大小，不同场景，可以全部存储在主键，部分前缀存储在主键，或者全部存储在外部BLOB页中，本篇文章主要集中在BLOB全部存储在外部BLOB页中时，在innodb中是如何实现的，其他的在主键内部或者前缀在主键内部不再展开说明。只有主键可以在外部存储 BLOB 字段，二级索引不能有外部存储的字段，本文的讨论都是围绕着主键展开。