在 Flexbox 布局中，flex: 1 与 height: 0 的配合使用是一个常见的技巧，主要是为了处理不同浏览器对 flex 项内容高度计算的差异。

Hello，又见面了，我是 pany。 今天在掘金社区看见前端文章榜第一的这篇文章《别再用 100vh 了！移动端视口高度的终极解决方案》 我们一起来学习一下。

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是有阻力的。 有同事问：“老大

本文使用 View Transition API 实现 Element-Plus 主题切换动画，通过 CSS 变量和动态 clip-path 实现点击扩散效果。

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

一、前端动画的"至暗时刻"：每个像素都在燃烧经费 618 前夕，我的 PM 突然发来灵魂拷问："菜鸡，这个购物车弹性动画，为什么安卓和 iOS 的抖动幅度不一样？还有这个圣诞飘雪特效，为什么 iPho

点击左侧菜单栏，先判断是否存在该 Tab，如果不存在就新增 Tab。其中 Tab 的 name 就是菜单名，Tab 还要增加 path 属性，因为点击 tab 要跳转到相关的页面。

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，甚至还

今天在刷知乎，看到一篇非常棒的文章，想复制其中一段给妹子，结果提示“禁止转载内容不支持复制”，开玩笑，这点小伎俩能拦得住我？于是起身打开笔记本电脑尝试起来，不看不知道，一看有门道。