js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下：
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |
对应的mdn：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2024-12-16
EqualUI
文人灵魂深处必须是一个野蛮人。——芥川龙之介 https://equal-ui.github.io/Equal/ https://github.com/Equal-UI/Equal Equal-UI：构建现代Vue 3应用的UI组件库 在开发现代Web应用时，一个简洁易用的UI组件库能够显著提升开发效率和用户体验。而Equal-UI正是一款专为Vue 3设计的现代化UI组件库，提供了丰富的组件和优雅的设计，帮助开发者快速构建高质量的用户界面。 什么是Equal-UI？Equal-UI是一款基于Vue 3和TypeScript开发的开源UI组件库。它专注于提供轻量级、性能优越且可高度自定义的组件，适用于各种现代Web应用场景。 核心特性 Vue 3支持：专为Vue 3优化，充分利用Composition API和其他新特性。 现代化设计：组件风格简洁优雅，遵循现代UI设计原则。 高度可定制：支持主题定制，开发者可以轻松调整组件外观以满足需求。 无依赖：尽量减少对第三方库的依赖，确保轻量级和高性能。 TypeScript支持：提供完善的类型定义，提升开发体验和代码质量。 快速开...
2023-03-11
css-diner
即使是最神圣的友谊里也可能潜藏着秘密，但是你不可以因为不能猜测出朋友的秘密而误解了他——贝多芬 分享一个网站css-diner https://flukeout.github.io/ 其能够让你通过益智的方式学习css选择器 例如此处两个盘子，对应的标签为plate，鼠标移动上去还有高亮，我们需要选中所有的盘子则使用plate标签选择器 源码地址：https://github.com/flukeout/css-diner
2022-08-06
css background图片
只有用水将心上的雾气淘洗干净，荣光才会照亮最初的梦想。——『百年孤独』 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/background 首先我们可以使用 1background: url(/img/oss/2020-06-01/head.jpg); 来指定背景图片 如果我们需要修改透明度，则可以使用其可以叠加的特性 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) 其次，我们可以设置拉伸效果和位置： 包含（表示不进行任何裁剪，多余的部分会空出，center是表示位置处于正中央） 1background: linear-gradient(rgba(0,0,0,80%),rgba(0,0,0,80%)),url(/img/oss/2020-06-01/head.jpg) center/contain no-repeat; 封面(以图片的短边铺满，会进行裁剪) 1...
2023-01-03
buttons
善人同处，则日闻嘉讯；恶人同游，则日生邪情。——范晔 分享一个按钮样式项目： https://github.com/alexwolfe/Buttons 对应的网站： https://unicorn-ui.com/buttons/builder/# 可以自定义你的按钮样式、颜色、点击效果 包括3d等等
2025-02-11
expo
谁终将声震人间，必长久深自缄默；谁终将点燃闪电，必长久如云漂泊。——尼采 https://docs.expo.dev/https://github.com/expo/expo Expo 是一个开源平台，旨在帮助开发者构建可以在 Android、iOS 和 Web 上运行的通用原生应用。通过结合使用 React 和 JavaScript，开发者可以在一个统一的环境中构建跨平台的应用，而不需要切换不同的技术栈。Expo 的核心优势之一就是它提供了一个完整的 SDK、模块 API、CLI 工具以及丰富的文档，极大简化了跨平台开发过程。 Expo 不仅支持快速开发，还通过其独特的功能和服务帮助开发者将应用构建、发布和迭代过程变得更加高效。例如，Expo 应用服务 (EAS) 提供了一套集成的服务平台，能够帮助开发者在个人或团队环境中更轻松地管理和发布应用。 Expo 生态Expo 提供了一个强大的生态系统，包括多个模块和工具，使得从开发到部署的每一步都能得到充分的支持。除了基础的功能开发之外，Expo 还包含了与 EAS 深度集成的服务，帮助用户自动化构建、分发和发布应用。这意味着你...
2021-04-02
el-input-number阻止外层button的冒泡
取法于上，仅得为中；取法于中，故为其下。一一李世民《帝范》 我这里有这样一个按钮 123<el-button @click="randomChoose" type="success" size="small"> 选择<el-input-number controls-position="right"></el-input-number>个</el-button> 效果如下 我们发现点击右边上下去增加减少中间个数的时候，也执行了我们上边按钮绑定的randomChoose 函数 但我们想要加上阻止冒泡却加不上 这里其实。。需要在外层再加上一个span或者div标签，再到这个span标签上加上阻止冒泡才可以生效 1234567<el-button @click="randomChoose" type="success" size="small"> 选择 <span @c...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog