choreau

提到 Vue 的 watch 和 watchEffect，写 Vue 的前端一定比较熟悉。但你真的了解 watchEffect 吗？本文通过一个案例带你深入理解 watch 和 watchEffect

前言 2025 开启，新的一年开启新的篇章，用信心去迎接改变！ 本篇文章介绍了一次图片显示的处理过程并进行总结，在实际的业务开发中，需要更加全面的考虑问题，从整体流程上完善前端功能。

问题表现 CSS 动画很常见，如果动画时刚好有元素叠加在动画之上，就不太常见了。比如，点击一个元素会有动画，同时页面有一个 toast 提示，刚好 toast 的位置叠加在动画的元素之上。按说也没有问

问题及背景 背景 Vite + Vue3 项目，想要实现如下图的效果： 父页面有几个按钮，跳转到子页面；子页面可以返回到父页面。 问题 交互很简单，但是父页面和子页面都是全屏展示，一样的大小，它们之间

滚动条是浏览器的默认行为，在移动端会自动隐藏滚动条，然而 PC 上会显示默认滚动条。 如果是在 PC 页面中还是可以接受的，但是在弹框中显示一个宽宽的滚动条，就破坏了设计的美感。

在学习编程的过程中，我们会接触到许多概念。概念是一个技术最基本最本质的表达，只有掌握了概念，才能从本质上理解技术的核心。 而这些概念是一个个的英文单词，理解这些名词就显得十分重要。

通过一个白屏问题，仔细阅读文档、分析理解，我对 Vite 打包及其对浏览器兼容的处理有了一个新的认识。本篇是一个总结，详细分析了对文档概念的理解，其中翻译了plugin-legacy整篇文档。

我对 <script setup> 语法糖感到特别惊艳。它大幅简化了组件的编写过程。我发现同样的代码在 `setup()` 函数中和 `<script setup>` 语法糖中表现出来的效果竟然不同！

今天早晨跟产品开需求会， 有个需求点需要设置小字体， 产品觉得12px还是有点大， 让我设置成6px， 我当即就说 不行， 浏览器默认最小字体就是12px， 要想达到6px的效果， 常用的就是使用动态