Pengian

🌿 前言 在去年写了一篇关于【uniApp新模式: 使用Vue3 + Vite4 + Pinia + Axios技术栈构建】的文章，反馈还不错，所以一直想抽个时间把这个弄...

🎉 unibest 3.0 发布了！看看都更新了啥好用的功能~ 大家好，我是菲鸽，昨天周六（2025-06-21）肝了一整天，实现了我一直想实现但是没时间实现的功能：多个...

很多人觉得移动端页面适配就是写好 viewport 和 rem，但实际开发中还有一堆容易踩坑的细节：100vh 异常、键盘遮挡、iOS 安全区……本文总结 7 个...

CSS手残党救星：motion-v 助你写出流畅丝滑的动画 前言 不知不觉间，Vue 3 自发布至今已悄然走过近五个年头。在这五年里，Vue 社区始终不懈努力，持续拓展并壮...

1. 配置视口viewport width=device-width：将视口宽度设置为设备宽度 initial-scale=1.0：初始缩放比例为1 user-scalab...

本文介绍 13 个 Vue 组合式函数技巧，助你提升代码质量，避免常见陷阱，创建灵活可复用的共享逻辑，逐步从选项式 API 迁移到组合式 API，开发者必看！...

我来介绍一个非常神奇的前端功能：轻易地将文本、视频，还是炫酷的动态内容，统统都能“飞”起来。任何 HTML 内容都能实现画中画模式，...

vue项目中使用shepherd.js实现新手引导功能 背景（为什么要实现和为什么选shepherd.js） 在现在的产品功能中，为了让使用用户快速了解并使用产品，节省用户...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

起因 最近看到掘金上有朋友用three.js实现了一个soul星球效果，觉得很有意思，想用CSS复刻一下！ 前置概念！🤠 首先CSS默认在二维平面 (x, y) 上操作：...

浅聊一下滚动条的世界，一个设计良好的页面与匹配的滚动条是相辅相成的。老式的chrome滚动条样式不太适合。 我们将研究滚动条的细节，然后看看一些很酷的例子。...

在Vue项目中，尤其是在使用组件化开发时，我们某些时候需要对组件内部的某些样式优化，但Vue的样式封装特性（scoped）会阻止外部样式直接作用于组件内部。为了应对这一挑战...

i18n ally 是一款轻量且功能强大的可视化编辑插件，提供了增删改查、视图审阅、在线翻译等功能，极大地提高了开发者翻译多语言的效率。 本文分享如何使用该插件，并带大家手...

相信今天推荐的这个插件可以解决很多人 vite 使用过程中遇到过的体验不好的痛点，用过 import.meta.env 的小伙伴应该都有这样的问题。...

今天我们主要讨论3方面内容： 如何搭建比较高效好用的monorepo工程 前端如何基于搭建的monorepo工程实现自定义cli工具 普通前端项目以及monorepo工程项...

Open Graph（OG）是 Facebook 提供的一组协议，它定义了 Web 页面上的元数据（metadata）格式，用于在社交媒体上分享时展示页面的相关信息，例如页...