snowdream

前言

在写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]

前言

立方体纹理是webGL纹理中的一种，实际上可以看做是六个2D纹理组成的，分别对应立方体的六个面；由于六个纹理图片组成了立方体，因此立方体纹理的取样和2D纹理的取样有点区别，因此作用也更加丰富；