js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下：
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |
对应的mdn：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2025-05-16
snabbdom
少壮不努力，老大徒悲伤。—— 汉乐府古辞《长歌行》 https://github.com/snabbdom/snabbdom/ Snabbdom：轻量、高效、模块化的虚拟 DOM 库在现代前端开发中，虚拟 DOM 技术已成为流行的界面更新方式。许多框架（如 React、Vue.js）都内置了虚拟 DOM 功能。然而，Snabbdom 提供了一种更轻量化和可扩展的虚拟 DOM 解决方案，适合希望深入控制渲染过程的开发者。 什么是 Snabbdom？Snabbdom 是一个以简洁和高效为目标的虚拟 DOM 库，其核心代码不足 200 行，但提供了丰富的功能扩展能力。开发者可以根据需要选择模块或自定义功能，打造个性化的虚拟 DOM 架构。 核心特点： 极简核心：仅 200 行核心代码，易于理解和定制。 模块化设计：通过模块扩展功能，如样式、事件监听、动画等。 高性能：Snabbdom 是目前最高效的虚拟 DOM 库之一。 灵活的 hook 系统：支持 vnode 和全局模块的生命周期钩子。 支持 JSX 和 TypeScript：方便与现代前端工具链集成。 使用场景Snabb...
2024-11-02
typescript-exercises（七）
若我会见到你，事隔经年。我如何和你招呼，以眼泪，以沉默。——《春逝》 题目： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125/*Intro: Filtering was completely removed from the project. It turned out that this feature was just not needed for the end-user and we spent a lot of time just because our offi...
2024-09-29
js滚动到对应元素scrollIntoView
娇柔做作，失去真实的不是美，充满了富贵荣华的名利思想，也不是真美。——孟德斯鸠 文档： Element.scrollIntoView() - Web API | MDN 用法： 123scrollIntoView()scrollIntoView(alignToTop)scrollIntoView(scrollIntoViewOptions) 例如我选中某个元素执行 123456const element = document.getElementById("box");element.scrollIntoView();element.scrollIntoView(false);element.scrollIntoView({ block: "end" });element.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
2023-05-01
drauu
在判断之前，应当消除内心的成见。——塞涅卡 分享一个基于SVG的画板项目： https://drauu.netlify.app/ https://github.com/antfu/drauu
2025-05-20
Minecraft颜色选择转换
天行健，君子以自强不息。——《周易·乾·象》 https://codepen.io/0biwan/pen/ggVemP html 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071<div class="container"> <div class="tools"> <div class="colors"> <button data-color="0" class="bg-1">&0</button> <button data-color="1" class="bg-2">&1</button> &...
2021-10-13
uniapp拖动排序实现思路
没有哪一个聪明人会否定痛苦与忧愁的锻炼价值。——赫胥黎 找到下载量最多这个组件 https://ext.dcloud.net.cn/plugin?id=1372 导入，不多说 文档示例： 使用示例页面: 123456789101112131415161718复制代码<template> <view class="content"> <HM-dragSorts :list="list" :isLongTouch="true" :rowHeight="55" @change="change" @confirm="confirm" @onclick="onclick"> <template slot="rowContent" slot-scope="{ row }"> ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog