snowdream

前言

CSS3新增了filter属性用来专门设置元素的滤镜效果，不过目前只支持两种类型：

• 内置的滤镜函数：一些很常用的滤镜效果。
• url()：该方法可以引用一个svg滤镜元素来进行滤镜效果的设置。

前言

混合模式（blend mode）是计算机图形学中的一个概念，用于处理帧绘制中不同（相邻）层级图像之间的颜色混合方式；CSS3开始引入了混合模式的功能，可以先从原理开始了解。

注：以下RGB颜色分量范围为[0, 1]。

前言

border-radius从名字上看像是指定border-box的圆角半径，实际上在使用时大家也是这么用的；但是从W3C官方文档定义来看，border-radius属性不仅会影响border-box的形状，还能影响padding-box和content-box的形状；

border-radius的本质就是通过定义盒模型四个顶点的圆角半径，从而确定四个顶点圆角的中心位置，四个中心点绘制的椭圆/圆分别对border-box，padding-box和content-box进行裁剪；

所以border-radius本质上是一种特殊的形状裁剪语法，和clip-path类似；

前言

近几年，浏览器的特性频出，特别是一些开放浏览器底层控制的API规范，比如：WebAssembly，CSS Houdini，WebGL2.0等；这些底层API使得我们有机会定制更多的内容，而且拥有更好的性能，因此也就获得了更多的创造性。

关于CSS Houdini也是近两年才听的比较多，只知道大概是一个自定义CSS属性的利器，也没比较详细的去了解，算是比较前沿的CSS规范了；看过一些案例后，觉得CSS Houdini确实能够做出一些十分强大的展示和动效，是时候深入了解一下了。

前言

使用vue-lazyload的lazy-component组件对某个组件进行包裹，然后对组件整体设置懒加载效果时，存在一个坑：该组件内部的自定义组件（即非原生html标签）所有的自定义事件都会失效，且可能视图渲染不完全（多层组件嵌套时）；