Zhentiw - 博客园

2025年3月13日

摘要： In Vue 3.3, you can create generic components. Generic is an important feature in many statically typed languages, including TypeScript. It’s basicall 阅读全文

posted @ 2025-03-13 14:57 Zhentiw 阅读(78) 评论(0) 推荐(0)

[Vue] Vue 3.3 defineOptions

摘要： defineOptions Previously, if you were using script setup, and you wanted to define some options such as name or inheritAttrs for your component, you w 阅读全文

posted @ 2025-03-13 14:54 Zhentiw 阅读(121) 评论(0) 推荐(0)

[Vue] Vue 3.2 <style> v-bind

摘要： <style> v-bind is a new feature in Vue 3.2 that might remind you of v-bind:style, which is a classic Vue.js technique for binding some reactive value 阅读全文

posted @ 2025-03-13 14:52 Zhentiw 阅读(38) 评论(0) 推荐(0)

2025年3月11日

[Vue] Vue 3.5 Reactive Props Destructure

摘要： 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 阅读(90) 评论(0) 推荐(0)

2025年3月9日

[CSS 3] Tailwindcss v4

摘要： 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 阅读(1008) 评论(0) 推荐(0)

2025年3月8日

[CSS3］Tailwindcss 生产构建优化

摘要：在 Tailwindcss 里面包含了大量的原子类，但是在实际开发中，我们并不是说所有的原子类都会用到，因此在最终构建 css 的时候我们应该将没有使用到的原子类进行删除操作，从而优化我们的构建产物。 tree shaking 这里在 tailwindcss 里面要进行 tree shaking 操阅读全文

posted @ 2025-03-08 22:58 Zhentiw 阅读(136) 评论(0) 推荐(0)

[CSS3] Tailwindcss 夜间模式

摘要：在 tailwindcss 里面，要开启夜间模式，非常非常简单，只需要使用 dark: 变体即可，dark: 后面跟上原子类，表示夜间模式下面需要应用的原子类。例如： <body class="bg-gray-100 dark:bg-gray-900"></body> 在上面的代码中，如果是白天模阅读全文

posted @ 2025-03-08 04:50 Zhentiw 阅读(171) 评论(0) 推荐(0)

2025年3月6日

[CSS 3] Tailwindcss 响应式设计

摘要： ## 响应式断点 *Tailwind CSS* 默认提供了一组预设的断点，即屏幕尺寸范围，用于管理响应式样式。默认的断点包括： - *sm*: *640px* 及以上- *md*: *768px* 及以上- *lg*: *1024px* 及以上- *xl*: *1280px* 及以上- *2xl*: 阅读全文

posted @ 2025-03-06 15:03 Zhentiw 阅读(214) 评论(0) 推荐(0)

[CSS3] Tailwindcss组件

摘要：在前面的学习中，我们发现很多时候一些标签所应用的原子类是一样的。例如： <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 阅读(68) 评论(0) 推荐(0)

[CSS3] TailwindCSS插件

摘要： TailwindCSS中是允许我们自定义插件和组件的。需要注意一下两者之间的区别，插件一般指的是实现某一个具体的功能，组件一般是指封装了一段公共的代码。自定义插件要创建一个自定义插件，非常的简单，只需要在 tailwindcss 的配置文件中配置 plugins 配置项，该配置项对应的是一个数组阅读全文

posted @ 2025-03-06 00:49 Zhentiw 阅读(196) 评论(0) 推荐(0)

Answer1215

公告