choreau

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

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

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

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

前面两篇介绍了在 Web 中应用 Spine 以及使用的总结。但是关于 viewport 还是没有介绍清楚，在动画设计师和前端开发之间，还存在着诸多问题，动画设计师做出来的...

背景及问题 APP Hybrid h5 页面，h5 页面使用 Vue3、Vue Router。 APP 使用 WebView 实现的 jsbridge 进行通信，因为 AP...

背景 一个列表，其中数据项有属性 favorite 展示是否收藏。 点击打开详情弹框，弹框中有操作进行收藏/取消收藏。然后收藏状态需要同步到列表中。 现状 已经实现的大概逻...

前言 为什么会有这一篇，其实是上一篇的内容有误。 上一篇，因为一个实际的问题，我发现 watchEffect 和 watch 侦听数据的不同，但是为了研究清楚为什么不同，我...

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

文档加载事件 我们知道 HTML 页面的生命周期有三个事件： DOMContentLoaded —— 浏览器已完全加载 HTML，并构建了 DOM 树，但像 <img> 和...

前言 在前端页面实现中，经常会遇到 Photoshop 设计稿如何实现的问题，本篇记录一些相关总结，持续更新。 PS 操作 查看图层颜色、阴影： 双击红色区域可以打开颜色面...

简单记录一下一个小问题。 背景：h5 hybrid 应用，Vue 项目 需求：App 有背景音乐，h5 页面也有音频播放，当进入页面时设置 App 音频静音，离开页面时设置...

初始实现 想要实现一个类似网易云音乐光碟转动的效果，第一感觉很简单，很快实现如下： CSS 实现很简单。 ChatGPT 实现 在实现暂停、播放功能时，突然发现，暂停之后，...

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