摘要：
Reactive props destructure is the highlight feature of Vue 3.5. It allows you to destructure props while maintaining their reactivity: const { foo } = 阅读全文
posted @ 2025-03-11 15:44
Zhentiw
阅读(45)
评论(0)
推荐(0)
摘要：
4.0更新说明 https://tailwindcss.com/blog/tailwindcss-v4 简化安装 v3安装步骤：https://v3.tailwindcss.com/docs/guides/vite#vue v4安装步骤：https://tailwindcss.com/docs/in 阅读全文
posted @ 2025-03-09 20:01
Zhentiw
阅读(856)
评论(0)
推荐(0)
摘要：
在 Tailwindcss 里面包含了大量的原子类，但是在实际开发中，我们并不是说所有的原子类都会用到，因此在最终构建 css 的时候我们应该将没有使用到的原子类进行删除操作，从而优化我们的构建产物。 tree shaking 这里在 tailwindcss 里面要进行 tree shaking 操 阅读全文
posted @ 2025-03-08 22:58
Zhentiw
阅读(71)
评论(0)
推荐(0)
摘要：
在 tailwindcss 里面，要开启夜间模式，非常非常简单，只需要使用 dark: 变体即可，dark: 后面跟上原子类，表示夜间模式下面需要应用的原子类。 例如： <body class="bg-gray-100 dark:bg-gray-900"></body> 在上面的代码中，如果是白天模 阅读全文
posted @ 2025-03-08 04:50
Zhentiw
阅读(121)
评论(0)
推荐(0)
摘要：
## 响应式断点 *Tailwind CSS* 默认提供了一组预设的断点，即屏幕尺寸范围，用于管理响应式样式。默认的断点包括： - *sm*: *640px* 及以上- *md*: *768px* 及以上- *lg*: *1024px* 及以上- *xl*: *1280px* 及以上- *2xl*: 阅读全文
posted @ 2025-03-06 15:03
Zhentiw
阅读(140)
评论(0)
推荐(0)
摘要：
在前面的学习中，我们发现很多时候一些标签所应用的原子类是一样的。例如： <div class="float-left text-center flex items-center bg-blue-100 block"></div> <div class="float-left text-center 阅读全文
posted @ 2025-03-06 15:03
Zhentiw
阅读(31)
评论(0)
推荐(0)
摘要：
TailwindCSS中是允许我们自定义插件和组件的。需要注意一下两者之间的区别，插件一般指的是实现某一个具体的功能，组件一般是指封装了一段公共的代码。 自定义插件 要创建一个自定义插件，非常的简单，只需要在 tailwindcss 的配置文件中配置 plugins 配置项，该配置项对应的是一个数组 阅读全文
posted @ 2025-03-06 00:49
Zhentiw
阅读(135)
评论(0)
推荐(0)
摘要：
自定义主题 在开始本小节的实战之前，我们先来介绍一下 Tailwind CSS 中如何自定义主题。 在 Tailwind CSS 中，虽然提供了大量预设样式，但有时您可能需要自定义样式以满足特定需求。Tailwind 提供了多种方法来自定义样式，包括扩展现有配置、添加新配置、编写自定义 CSS 和创 阅读全文
posted @ 2025-03-06 00:48
Zhentiw
阅读(300)
评论(0)
推荐(0)
摘要：
<template> <div> <input type="text" v-bind="$attrs" /> </div> </template> <script setup lang="ts" > // by default when you pass props to the component 阅读全文
posted @ 2025-03-04 15:30
Zhentiw
阅读(14)
评论(0)
推荐(0)
摘要：
export function singleton< T extends new (...args: any[]) => object >(classCtor: T): T { let instance!: InstanceType<T> const proxy = new Proxy(classC 阅读全文
posted @ 2025-03-04 15:19
Zhentiw
阅读(18)
评论(0)
推荐(0)
浙公网安备 33010602011771号