OveUI博客
老前端的戎码生涯

标签:html

一次搞懂数据大屏适配方案 (vw vh、rem、scale)

前言 当接到可视化大屏需求时,你是否会有以下疑问👇 如何做一款定制化的数据大屏? 开发可视化数据大屏如何做自适应? vm vh、rem、scale 到底哪种比较好? 时间不够,有没有偷懒的方法? 而解决了适配问题后,后面就只...

赞(0)OveUIOveUIHTML/CSS 阅读(487)

css中好用的clamp()函数

clamp() 函数的作用是把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。 语法 clamp() 函数接收三个用逗号分隔的表达式作为参数,按最小值、首选值、最大值的顺序排列。 wi...

赞(0)OveUIOveUIHTML/CSS 阅读(556)

CSS 父元素选择器详解

你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素?例如,如果一个卡片组件中有图片,就给它添加一个display:flex。这以前在CSS中是无法实现的,而全新的 CSS 选择器:has就可以帮助我们选择包含特定元素的父元素。下面...

赞(0)OveUIOveUIHTML/CSS 阅读(905)

11个好用的单行CSS代码

本文分享一些非常好用的CSS代码片段,它们很短但功能强大。使用这些代码,我们可以立即提高网站的体验。下面是11个非常好用的CSS代码片段: 1. Scroll behavior 这行简单的代码可以避免编写复杂的JavaScript。 此属性...

赞(0)OveUIOveUIHTML/CSS 阅读(812)

19 个实用的 CSS 技巧 比如解决img 5px 间距

修改 placeholder 样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道,这里有20个CSS技巧,让我们一起来看看吧。 1. 解决 img 5px 间距的问题 你是否...

赞(0)OveUIOveUIHTML/CSS 阅读(931)
Vue3的七种组件通信方式-UI树欲静

Vue3的七种组件通信方式

写在前面 本篇文章是全部采用的<script setup>这种组合式API写法,相对于选项式来说,组合式API这种写法更加自由,具体可以参考Vue文档对两种方式的描述。 本篇文章将介绍如下七种组件通信方式: props emit...

赞(2)OveUIOveUIJs/TS/ES6/VUE 阅读(869)
HTML 语言代码 参考手册-UI树欲静

HTML 语言代码 参考手册

ISO 语言代码 HTML 的 lang 属性可用于声明网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准,您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明,比如: &...

赞(1)OveUIOveUIHTML/CSS 阅读(4176)