背景

卡片翻转效果是一种常见的页面交互效果，可以在用户与网页上的卡片进行交互时增加视觉吸引力和动态效果。通过鼠标悬停、点击或其他触发方式，卡片可以从正面翻转到背面（或者相反），展示另一面的内容。

背景

是一篇关于前端开发中的3D技术及其应用的博客文章。在这篇文章中，我们将探索令人兴奋的前端3D世界，揭示如何在网页中创造出引人注目的三维效果。

首先，我们会介绍前端开发中3D技术的基本原理和概念，包括CSS 3D转换、CSS 3D变换和WebGL等技术。我们将解释如何使用这些技术来创建立体感知、逼真的视觉效果，并讨论它们对于增强用户体验的重要性。

随后，我们将深入了解前端3D技术的实际应用。从旋转、缩放和移动元素到创建复杂的3D场景，我们将探索如何使用CSS和JavaScript等工具和库来实现各种前端3D效果。我们还将介绍一些优秀的前端3D案例，让你能够欣赏到前端3D技术的魅力和创意。

此外，我们还会提供一些学习前端3D技术的资源和建议。无论你是一个新手还是有一定经验的开发者，这篇文章都会为你提供一些实践建议和学习路径，帮助你开始在前端开发中探索3D的世界。

通过本文，你将能够了解前端开发中的3D技术，并掌握一些实用的技巧和工具，以打造令人难忘的网页体验。无论你是一个对前端开发感兴趣的初学者，还是一个想要提升自己技能的专业开发者，这篇文章都将带你进入前端3D的精彩世界。

让我们一起探索前端3D的奇妙之处吧！

背景

一些简单的动画效果不一定需要JS来实现，CSS也可以进行实现，比如 动画的暂停与恢复

背景

在当今的前端开发行业中，随着技术的不断更新和发展，也有越来越多的人进入了这个行业，但同时也带来了更加激烈的竞争。
至5月12日裸辞距今也有一个月，现在找工作也有大半个月了，boss上投了也沟通了不下200家公司，但是大部分都是已读不回，面试邀约只有寥寥3家，技术面过了两家，但可能由于自己的问题最后都不了了之。在继续投简历的空闲时间，琢磨着记录前端知识点。

2002 年 AJAX
诞生至今，前端从刀耕火种的年代，经历了一系列的发展，各种标准和工具百花齐放。
下图中我们可以看到，自 2009 年 Node.js 诞生，前端先后出现了
CommonJS、AMD、CMD、UMD和ES
Module等模块规范，底层规范的发展催生出了一系列工具链的创新，比如 AMD
规范提出时社区诞生 的模块加载工具requireJS，基于 CommonJS
规范的模块打包工具browserify，还有能让用户提前用 上 ES Module语法的 JS
编译器Babel、兼容各种模块规范的重量级打包工具Webpack以及基于浏览器原 生
ES Module 支持而实现的 no-bundle 构建工具

当下，在项目开发的过程中，前端工程师们越来越离不开构建工具了，可以说构建工具已经成为了前端工程项目的标配。

了解了对于 [Vue
3]{.mark} 中的响应式原理：我们通过对 [state]{.mark} 数据的响应式拦截，当触发 [proxy
setter]{.mark} 的时候，执行对应状态的 [effect]{.mark} 函数。接下来看一个经典的例子

我们说到了 [Reactive]{.mark} 会在 [proxy
getter]{.mark} 的时候收集 [effect]{.mark} 依赖，在 [proxy
setter]{.mark} 的时候触发 [effect]{.mark} 的执行。那么 [effect]{.mark} 副作用函数到底是个什么？以及是如何被收集起来的呢？