在实际开发中，环形进度条是很常用的一个组件，特别是在管理后台数据统计的页面上或是一些需要用户等待的任务。但很多时候我们都是使用现成的组件来实现，但从未自己手写实现过。

首先，苹果的“灵动岛”设计确实巧妙。作为曾经的一个数码产品爱好者，最近几年确实很少在UI交互上看到这样令人眼前一亮的创新。这让笔者想起大学时期酷爱的那部魅族mx2，当年的“小圆圈”设计也很精巧。

最近翻 `MDN` 突然发现一套叫 `Web Animations API` 的东东，点进去看才知道，原来是一套控制 `css animation` 的 `API`，而且已经有段时间了 🤦‍♂️

我们在日常的开发中，经常会遇到这样一个问题，就是如何实现居中水平垂直居中对齐。并且在面试中也会出现这样的问题，但是我们往往回答的不是很全部，而导致没有得到面试加分。所以在这里整理了部分实现方式，希望不

你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

前端的学习，不能仅仅依靠知识点的学习，实战项目的操作可以帮助我们整理知识点以及提高编程能力，更有助于学习和实践，最重要的是提高自己的项目经验，对于找工作而言有着大大的帮助。 作者用心之作，请动动你可爱的小手点亮大拇指。你的鼓励是作者继续创作的动力... 一个基于Vue前端框架和…

Flexbox 实战：使用 Flexbox 轻松实现下拉导航菜单

先快速搞定Flex弹性盒模型布局的基本语法，然后利用flex进行一次实战，写一个携程手机网的静态页面，快速上手，快速实战！~

前言我也不知道怎么写，那废话就不多说了，反正flex布局不考虑兼容性的话用处还是挺多的，个人感觉也是挺神奇挺好用的。在平时的工作中，flex发挥了非常大的作用，今天就来总结一下吧。 这个想必大家都非常熟悉了，我也就不多说了。 至于row-reverse 和 column-rev…