MaGua

在css中， border 是高频使用的一个属性，但它的写法有非常非常多，这导致它在 unocss 中使用会有些麻烦，那么有没有办法把它的写法简化一下呢？...

Vue Naive Admin 从2022年2月开始开源，其简单易上手的特性广受好评，继1.2k Star后，终于迎来了2.0版本，这次有点东西...

每个前端人都经历过的一个痛处就是，在写页面ui样式时不停的在html文件（或代码区域）和css文件（或代码区域）之间来回切换，这种聚焦点分离让ui样式的开发有点点烦。原子化...

事情起因是这样的，大家在刷抖音，小红书等短视频平台、发现他们的布局是这样的瀑布流布局。 反应是瀑布流，怎么做呢？我们第一反应是flex，grid？是的这是大部分人的固态思维...

探索 Antfu ESLint 配置：一款极为便捷的 ESLint 设置方案 前言 在前不久的 12 月 07 日，第七届 FEDAY 会议在厦门万象影城举办，会议嘉宾中有...

当我们用脚手架初始化一个Vue项目后，如果我们同时安装了Prettier和Eslint后，用Vscode打开编辑器就会出现一堆关于代码风格的错误信息，经过一番折腾终于让两者...

前几天需求评审的时候，产品说客户希望输入框能够好看一点。由于我们UI框架用的是Elemnt Plus，input输入框的样式也比较中规中矩，所以我们组长准备拒绝这个需求 但...

自己的项目，遇到了这个问题，绕了很多弯，这里记录一下，以免后面忘记了。需求: 1.www.test.com 访问的是vueA项目2.www.test.com/b  访问的是...

zod 是什么？官网上的解释说：Zod 是一个以 TypeScript 为首的模式声明和验证库。我使用术语 "schema" 来广义地指任何数据类型，从简单的 `字符串` ...

本篇文章主要讲述Unocss的使用和个人使用之后的感想 在此之前还写过一篇关于反对在Vue里使用tailwind CSS的一篇文章（主写Vue的，React等框架中没有抵抗...

hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，今天继续分享一下最近开源的 Next-Admin 项目的最新更新。 这次更新是1....

Zustand 是一个极简的依赖库，提供了一种直接管理状态的方法。在本文中，我们将通过一个示例来讨论它的优势。...

前言 🎙️ 结果页列表过长我们一般会要求移动端默认用遮罩将内容遮盖，仅展示前 N 条用户最感兴趣的，点击『展开更多』才展示全部内容，因为移动端尺寸有限，PC 端则默认全部...

开发一个带有固定列的表格，绝对是前端开发中顶顶简单的事情了。 如果你用 Element UI 或者 Ant Design 就可以直接使用 fixed="right" 来实现...

很多小伙伴苦于无法搭建一个规范的前端项目，导致后续开发不规范，今天给大家带来一个基于Vite6+TypeScript+Vue3+Tailwind+ESlint+Pretti...

可能对于大佬一眼道出其中的缘由，但是还是诚邀继续阅读下去，或许下面有可以一起探讨的内容。 如果你不确定自己的答案，这里就先卖个关子，后面正文还会讲解到。 之前有文章写过了“...

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双...

网页开发中，我们经常要计算各种距离。 比如 OnBoarding 组件，我们要拿到每一步的高亮元素的位置、宽高： 比如 Popover 组件，需要拿到每个元素的位置，然后确...