使用 CSS Houdini 复刻 Joshwcomeau 大佬博客同款的磁吸效果，一个还挺有趣的小动效实现。

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

最近，在 CodePen 上看到这样一个非常有意思的效果： 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在：CodePen Demo -- Goey footer，作者主要使用的是 SVG

1、对BFC规范（块级格式化上下文）的理解 BFC 块级格式化上下文 一块独立的区域，有自己的规则，bfc中的元素与外界的元素互不影响 BFC是一块用来独立的布局环境，保护其中内部元素不受外部影响，也

随着业务的发展，客户的需求也会变得更加多样化，产品后期就需要有自定义界面的能力，于是出现了“动态换肤”的需求。 但是切换主题的方式，经验证并不能很完美的适用于我们微前端项目。 我在接到需求后，经过和公司架构师及其他同事的探讨后，渐渐产出了以下几种方案，一步步踩坑过来。 两种模式…

背景 最近在搭建一个后台管理系统时遇到一个在线切换主题的需求，由于项目使用的是vite + Ant-Design-Vue搭建的，在网上找了一圈发现基于webpack的，就很苦恼。好在看到了这位老哥的帖

一、问题背景在新的需求中，视觉设计师的要求把项目中原有的主题色需要从黄色 替换为 蓝色换肤这个动作在项目打包前是不知道，而是在打包之后根据条件进行切换的。因此需要保留两套样式：黄色主题色皮肤 和 蓝色

关于在线主题切换方案，特意去看了一些解决方案，并自己尝试了其中几种相对容易理解和使用的方案，这些实践都是基于umi3和React的，可能跟其他项目有所区别，具体使用还要注意一下。