UI树欲静
一次搞懂数据大屏适配方案 (vw vh、rem、scale)
前言 当接到可视化大屏需求时，你是否会有以下疑问👇 如何做一款定制化的数据大屏？ 开发可视化数据大屏如何做自适应？ vm vh、rem、scale 到底哪种比较好？ 时间不够，有没有偷懒的方法？ 而解决了适配问题后，后面就只...
标签：html
OveUI
css中好用的clamp()函数
clamp() 函数的作用是把一个值限制在一个上限和下限之间，当这个值超过最小值和最大值的范围时，在最小值和最大值之间选择一个值使用。 语法 clamp() 函数接收三个用逗号分隔的表达式作为参数，按最小值、首选值、最大值的顺序排列。 wi...
CSS 父元素选择器详解
你有没有想过使用CSS选择器来检查父元素中是否存在特定的元素？例如，如果一个卡片组件中有图片，就给它添加一个display:flex。这以前在CSS中是无法实现的，而全新的 CSS 选择器:has就可以帮助我们选择包含特定元素的父元素。下面...
CSS中line-height带单位与不带单位的区别
对于line-height这个样式，相信很多伙伴都知道，但是真正会用的，可能小部分。今天我们来看看它。 line-height的基本概念
11个好用的单行CSS代码
本文分享一些非常好用的CSS代码片段，它们很短但功能强大。使用这些代码，我们可以立即提高网站的体验。下面是11个非常好用的CSS代码片段： 1. Scroll behavior 这行简单的代码可以避免编写复杂的JavaScript。 此属性...
Vue新一代状态管理工具，Pinia.js上手指南
前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js 有如下特点： 完整的 typescrip...
字节跳动最爱考的前端面试题：JavaScript 基础
注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 JS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。 （2）问：0.1 + 0.2 === 0.3 嘛？为什么？ JavaScirpt 使用 Number...
19 个实用的 CSS 技巧 比如解决img 5px 间距
修改 placeholder 样式，多行文本溢出，隐藏滚动条，修改光标颜色，水平和垂直居中。这些熟悉的场景啊! 前端开发者几乎每天都会和它们打交道，这里有20个CSS技巧，让我们一起来看看吧。 1. 解决 img 5px 间距的问题 你是否...
Vue3的七种组件通信方式
写在前面 本篇文章是全部采用的<script setup>这种组合式API写法，相对于选项式来说，组合式API这种写法更加自由，具体可以参考Vue文档对两种方式的描述。 本篇文章将介绍如下七种组件通信方式： props emit...
HTML 语言代码 参考手册
ISO 语言代码 HTML 的 lang 属性可用于声明网页或部分网页的语言。这对搜索引擎和浏览器是有帮助的。 根据 W3C 推荐标准，您应该通过 <html> 标签中的 lang 属性对每张页面中的主要语言进行声明，比如： &...
