作为一个深耕 `Vue 3 + Vite` 的开发者，我为什么把`“全家桶”`全扔了？ 曾经的我： * `pinia` 管全局状态 * `vue-router` 管路由 * `elem

HTML5 Canvas 绘制一个高颜值、支持交互的事件流程图，展示从起飞到降落的完整飞行事件时间线，包含播放 / 暂停 / 重置动画控制功能。 大家复制代码时，可能会因格式转换出现错乱，导致样式失效

“只要 7 KB，就能把多页站变成丝滑 SPA！”——这句话在前端圈疯传的神库，就是 Barba.js。 今天，我们就把它和 Vue3 搭配，手把手带你做出**“效果炸裂”**的页面切换动效！

未来的前端开发者可能不再被称为“前端”，而是“体验工程师”——专注于连接数字世界与人类感知的每一个触点。

前言 在现代Web应用中，步骤条（Step Progression）作为一种常见的UI组件，广泛应用于表单提交、任务进度以及多步骤操作等场景。为了提升用户体验，设计师往往会采用更加直观和有趣的方式展示

在前端开发中，实现水平垂直居中在Flex布局下有一个更灵活的方式——使用 margin: auto;`来实现居中以及更多实际场景下的特定效果。

使用 CSS 实现亚克力效果（Acrylic Material），Mac OS的磨砂玻璃效果（Frosted Glass）和 玻璃变形（Glassmorphism)等 UI 效果！

金三银四跳槽季，offer快到碗里来，前端面试考点众多，而网上各个知识点的博客文章又太多，看的眼花缭乱……所以便整理了一下常见知识点的精华文章，每个知识点的文章控制在3篇以内，尽量覆盖该知识点的下容易被面试到的所有内容，文章都是之前自己读过的，确定是精华干货。文章会一直更新，也…

1. 小程序的生命周期函数 onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。 onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。 onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小…