[Next] 文本资源与组件代码分离的方式

可以使用raw-loader将文本（比如.md, .wgsl）单独放在文件内

配置完成后，开发环境下修改文本，引用了文本的组件也会对应更新

下文以配置.md为例

1. 安装raw-loader

   1npm add raw-loader

   shell
2. 配置next.config.ts

   1const nextConfig: NextConfig = {
   2  webpack: (config) => {
   3    config.module.rules.push({
   4      test: /\.md$/i,
   5      use: "raw-loader",
   6    });
   7    return config;
   8  },
   9};

   typescript
3. 找个地方写d.ts

   1declare module "*.md" {
   2  const content: string;
   3  export default content;
   4}

   typescript
4. 使用文件时正常引用即可

   1import foo from "./foo.md"
   2console.log(typeof foo)// string

   typescript

[Vulkan]Vulkan.hpp智能指针的使用

直接使用

1auto instance = vk::CreateInstanceUnique({});

搭配其他不返回智能指针的库使用

1vk::SurfaceKHR ret;
2glfwCreateWindowSurface(instance, window, nullptr, &ret);
3auto surface = vk::UniqueSurfaceKHR(
4    vk::SurfaceKHR(ret),
5    vk::UniqueSurfaceKHR::ObjectDestroy(instance));

[Vulkan]关于Vulkan Format的支持

http://vulkan.gpuinfo.org/listoptimaltilingformats.php

可以在以上网站查询

值得一提的是，没有哪个格式是所有实现都支持的

[Vulkan]Format中NORM和SCALED的区别

https://stackoverflow.com/questions/59628956/what-is-the-difference-between-normalized-scaled-and-integer-vkformats

[JPEG]解码参考资料 & 注意事项

• GitHub - MROS/jpeg_tutorial: 跟我寫 JPEG 解碼器 (Write a JPEG decoder with me)

README中有对应的C++实现

截止至22年3月20号，其C++实现对应的APP0处理是错误的，请注意

• 一维离散余弦变换（DCT)及其反变换（IDCT）公式的一种推导_怎么根据一维离散余弦变换推出离散余弦逆变换公式-CSDN博客

直接拖到文章尾部，可以看到一维IDCT的公式

还有一些细节是以上教程没有强调或者没有提到的，同时其他教程也没有提及甚至是错误的地方：

• jpg是按大端模式储存数据的
• 按比特读取压缩流要从高位（靠近符号位的地方）向低位读取
  • 顺带一提，gif按比特读取压缩流是从低位开始读的
• 如果读取到的哈夫曼码对应的需要继续读取的位数为0位，则视为读取到的数字是0
  • 这个会在读取直流变量的时候遇到
  • 另外读取交流变量的时候会遇到权值为0xF0的情况，上文教程说这个是连续写入16个0的意思。其实也可以理解为写入15个0，再读取0位数字
• 颜色分量是按Y、Cb、Cr排布的，别搞反了