背景 👏最近在工作中遇到一个水球进度条，用svg绘制几个波浪叠加动画写起来超简单，css3动画+svg实现水球进度条~

我的新的专栏 -- 现代 CSS 与 Web 动画解决方案。 将专注于实现复杂布局，兼容设备差异，制作酷炫动画，制作复杂交互，提升可访问性及构建奇思妙想效果等方面的内容。 在兼顾基础概述的同时，注重对

国人整理的各种 CSS 布局、阴影（box-shadow、drop-shadow）、 伪类/伪元素、滤镜、边框、背景/渐变、混合模式、3D、动画/过渡等等。 可以在线编辑代码，以及大家的作品集展示哦。

前言 最近在更新react组件库源码的文章，其实vue和其他框架都一样，就是我发现自己在一年前直接看这些源码（不调试），还是有点吃力的，然后就放弃了。 可最近不知道为啥，看这些源码对我来说没啥太大难度

为了简化相机的开发体验，Jetpack系列推出了重磅大作CameraX。其不惜网罗几万台测试设备来确保该框架的稳定性和兼容型，足以窥见Google的野心和诚意。让我们一起通过实战来检验下这个新技术。

一晃五六年，岁月蹉跎，不禁感叹：曾几何时，沉迷于框架不能自拔，不管做什么需求都要找一个框架出来，然后用了一段时间后，发现诸多问题，很多时候又不得不将就着用，难道我们就应该被别人左右吗？答案是No，还是得试着提高自己的架构能力，来应对未来更多的挑战。你越是醒悟的快，你的进步就会越…

将已知的知识与未知的知识相关联这是一种高效的学习方法。

在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必…

作为一个web前端开发人员，写多了html/js/css 就很疲倦了，精力之余就总想折腾点什么，我们都有一个做app的梦。可能会搜过：vue怎么做app，h5怎么做app，react怎么做app之类的，或许也用过ionic uniapp 等框架把打包成app，尽管各种坑，但是为…