我们要定义竹简的书写方式前，首先回顾下 CSS writing-mode 属性，它是定义文本在水平或垂直方向上如何排列。 horizontal-tb：水平方向自上而下的书写方式。 vertical-rl：垂直方向自右而左的书写方式。 vertical-lr：垂直方向内内容从上到…

想起自己刚入行的时候，从svn上把代码checkout下来，看到同事写的代码，大括号居然换行了。心中暗骂，这个人是不是个**，大括号为什么要换行？年轻气盛的我，居然满腔怒火，将空行一一删掉。 但是关于代码风格，我们很难区分谁对谁错，不同的人有不同偏好，唯有强制要求才能规避争论。…

在前端开发中，vscode 是最常用的编辑器，而 vscode 有着各种实用插件，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。 首先，介绍的第一款插件是 Power Mode，它可以让你的编程过程变得更加快乐（如下图）。 除了上面那种效果外，这个插件还有其他…

F12看了一下 Dom 结构，发现作者只是结合了 CSS3 的 clip-path 和 transition 特性，就实现了很厉害的效果，每个转场和动物的细节都做得很棒。 接下来，需要将每个三角形的坐标和色值转化为数据格式。我目前找不到很高效的转化方式，就用标注软件标注完后，手…

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

::before/::after伪元素配合content属性，但是，把CSS变量直接作为content属性值是没有任何效果的。 值分为2个部分，第一部分为计数器的名字；第二部分为计数器的起始值（默认为0，可以同时声明多个计数器。 counter-increment:就是“计数器…

去年妇联4上映后，谷歌迅速推出了一个彩蛋，以致敬妇联计生办主任-灭霸。 鉴于新冠疫情在国外的爆发，国家为了保障我们的安全，限制了大部分危险的通道，我冒死替大家搬来了这个彩蛋。 其实这个彩蛋早就被大家玩坏了，看了各路大神的实现方式，心中也就有了思路。下面就开始在Flutter中实…

懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。 能提升…

clip-path 教程：使用 CSS 中的 clip-path 轻松实现多边形