js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下：
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |
对应的mdn：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2020-10-01
关于alert
笨蛋自以为聪明，聪明人才知道自己是笨蛋 ——莎士比亚 JavaScript 弹窗 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告框警告框经常用于确保用户可以得到某些信息。 当警告框出现后，用户需要点击确定按钮才能继续进行操作。 语法window.alert(“sometext“); window.alert() 方法可以不带上window对象，直接使用**alert()**方法。 确认框确认框通常用于验证是否接受用户操作。 当确认卡弹出时，用户可以点击 “确认” 或者 “取消” 来确定用户操作。 当你点击 “确认”, 确认框返回 true， 如果点击 “取消”, 确认框返回 false。 语法window.confirm(“sometext“); window.confirm() 方法可以不带上window对象，直接使用**confirm()**方法。 提示框提示框经常用于提示用户在进入页面前输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。 如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返...
2024-12-18
ARIA16
兴趣是最好的老师，其次是耻辱——胖子邓 ARIA16技术：使用aria-label增强Web可访问性 在现代Web开发中，可访问性（Accessibility）是提升用户体验的关键因素之一。尤其对于视障用户来说，屏幕阅读器依赖准确的页面结构和标签描述来解释内容。ARIA16是一种有效的技术，使用aria-label属性为无可见文本的元素提供描述性标签，从而增强Web的可访问性。 什么是ARIA16？ARIA16是W3C推荐的一项技术，旨在通过aria-label属性为交互式元素提供可访问性支持。aria-label允许开发者为没有可见文本的元素定义可读的描述信息，供屏幕阅读器使用。 使用场景 图标按钮：为只有图标的按钮添加描述性标签。 装饰性元素：为装饰性但可交互的元素提供语义化说明。 复杂控件：为动态生成或没有内嵌文本的控件提供可读内容。 如何使用ARIA16？实现ARIA16非常简单，只需在相关元素上添加aria-label属性并提供适当的描述文本。 示例代码以下是一个使用aria-label的图标按钮示例： 123456<button aria-label=&q...
2022-06-27
vue2配置vite
天可补，海可填，南山可移。日月既往，不可复追。——曾国藩 本篇博客针对新vue2项目，老项目就先不说了哈哈(坑太多) 首先新建一个vue2项目 1vue create simple-vue2-vite 选择Default ([Vue 2] babel, eslint) 1234567891011success Saved lockfile.Done in 3.92s.⚓ Running completion hooks...📄 Generating README.md...🎉 Successfully created project simple-vue2-vite.👉 Get started with the following commands: $ cd simple-vue2-vite $ yarn serve 安装完毕后我们进入，执行 12cd simple-vue2-viteyarn serve 可以看到正常运行： 我们首先安装vite 1pnpm i -D vite vite-plugin-vue2 根目录新建一个vite.config....
2023-04-30
iconify
赢得友谊要靠智慧，保持友谊要靠美德，这两者是同等重要的。——威佩因特 分享一个图标项目： https://iconify.design/ 包含150K+的开源icon github：https://github.com/iconify/iconify 非常的给力！
2025-03-28
utterances
多听，少说，接受每一个人的责难，但是保留你的最后裁决。——莎士比亚《哈姆雷特》 GitHub - utterance/utterances: :crystal_ball: A lightweight comments widget built on GitHub issues https://utteranc.es/ Utterances：基于 GitHub Issues 的超轻量评论系统 如果你正在为静态博客寻找一款干净、开源、可控又易用的评论系统，那么你可能会喜欢这款工具——utterances。 这是一款用一句话就能说明白的工具： Utterances 是一个基于 GitHub Issues 的轻量级评论系统，每一条评论本质上都是一条 issue 回复。 为什么选择 utterances？相比传统的评论插件，它有以下几个显著优势： 🚀 超轻量：仅一个 iframe，不注入额外 JS，加载速度极快 🔐 隐私友好：不收集用户数据，不追踪 🧠 天然反垃圾评论：用户必须使用 GitHub 登录评论 ✍️ 支持 Markdown、表情、代码块，评论体...
2021-11-22
vuex
人之贤不肖譬如鼠矣，在所自处耳！――《李斯列传》 聊聊vuex，官方文档：https://vuex.vuejs.org/zh/ 介绍就不赘述了，直接上使用 安装： 1cnpm install vuex --save 我们新建一个store，再创建一个index.js 再新建一个modules目录，里面放上 value.js 在main.js中我们写入 123456789101112import Vue from 'vue'import App from './App.vue'import router from '@/router'import store from '@/store';Vue.config.productionTip = falsenew Vue({ router, store, render: h => h(App)}).$mount('#app') 挂载完毕后，我们编写main.js和value.js main.js 1...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog