snowdream

前言

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标签）所有的自定义事件都会失效，且可能视图渲染不完全（多层组件嵌套时）；

前言

当项目越来越大，且存在多分支同时开发的时候，就会遇到公共文件维护的问题；比如当在A分支修改某个公共文件时，B分支无法同步该文件的修改，毕竟两个开发分支（迭代）的排期和测试进度是不一样的，不能贸然交叉合并开发分支，否则会造成代码污染的问题。因此需要一种解决方案来专门维护项目公共文件，避免出现公共文件修改不同步造成各种冲突和可能存在的关联性bug出现。

前言

codepen每周挑战是codepen网站推出的活动，每周一次；每个挑战都有一个主题，基本上是围绕一个特定的场景或者CSS特性/库这类的，针对性比较强。