基于worker实现excel报表导出下载
业务背景
在前端对透视表数据导出为excel进行下载，透视表数据最高可到百万个单元格以上，因此在主线程内对大量数据进行excel导出时不可避免的会对主线程进行阻塞，而主线程阻塞对于用户感知来说就是页面卡顿；
显然，这种业务是一种典型的CPU密集型任务，如果可以放在主线程以外的线程进行执行那么就可以有效的避免对主线程的阻塞了；Worker 正是为此而生，通过创建worker来新建线程，就可以有效的分担主线程的压力；
0%
vite、vue3和storybook
关于storybook
storybook是什么？
Storybook is a tool for UI development. It makes development faster and easier by isolating components. This allows you to work on one component at a time. You can develop entire UIs without needing to start up a complex dev stack, force certain data into your database, or navigate around your application.
storybook可以干什么？
- 根据组件注释生成对应的文档信息
- 根据组件
prop类型自动生成对应类型的交互控制 - 可以编写组件交互示例
- 可以进行组件测试
etc
概览
关于carverry
整体设计
这是一套比较激进的可视化搭建方案（激进体现在适用场景和技术栈的选择上），核心思想就是极致的内聚；因此可以看到除了必要的组件配置，其他所有相关的配置都砍掉了，理由就是这些配置完全可以通过内聚使其成为内部参数，而减少不必要的参数暴露（这一点可以参照现有的一些比较流行的可视化搭建方案，它们都尽可能实现对组件框架的所有语法的完全映射，以便达到最大的自由度）；从可视化搭建业务的角度来说，一般就是封装的程度越高，其自由度越低，而搭建效率就越高[1]；而这套设计就是为了提高业务搭建效率，所以自然就倾向于内聚；
预期适用场景
- 面向人群：前端编程人员；
- 预期解决的问题：减少花在拼接组件的过程中写胶水代码的时间，更加直接直观地去搭积木；
- 内聚：业务和组件/代码区块的内聚程度越高，复用和可视化搭建的效率也就越高；
- 面向项目：
Vue3（≥3.2，用于支持setup模式） +TS；
布料渲染总结
前言
本来是想打算实现GAMES101课程大作业中的布料渲染那种效果的，不知不觉就变成了随风飘动的窗帘布了😅；所以就是随便找了个BRDF（Disney BRDF）来实现，而非那篇参考论文[1]中提供的BRDF，所以这里偷了个懒，虽然看起来有布料那么回事，但是高光部分显然不太合理；
GAMES101大作业之SDF场景渲染
前言
由于在不久前终于完成了整个GAMES101课程的视频学习（当然除了大作业以外的作业也认真弄了），所以终于可以来挑战一下大作业了；虽然可以自由组织项目，但是作为菜鸟个人觉得课程给出的大作业选题就足够有意思和有挑战了（主要是想不出……），而且这里的选题符合课程内容方向，也比较容易去上手和扩展。
反正一眼扫过去，第一想要做的就是这个了：
因为这个一看就知道，只需要写片段着色器就好了，不需要操作其他的数据了，因而用webGL也正好；然后打开相关的资料一看，这作者太熟悉了，著名的iq大神（ShaderToy网站的创建者，且热衷于在其博客上分享各种图形学的干货内容，其制作的各种着色器demo或动画更是令人惊奇）：
iq在上述场景渲染的演讲PPT中虽然没有给出完整的着色器代码，但是关于渲染的各种重要部分都给出了伪代码和原理讲解，所以推荐仔细阅读这个PPT；
不过，尽管这种渲染方式无需准备复杂场景的顶点数据和繁琐的矩阵变换等等，但绝不代表着就很容易实现。