js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下:
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |

对应的mdn:
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2022-10-05
RainEffect
不要从你自己的口袋里掏出勋章借给你的朋友,这是侮辱他的——泰戈尔 分享一个真实的雨滴效果: https://tympanus.net/Development/RainEffect/#slide-1 github地址:https://github.com/codrops/RainEffect 还是非常炫酷的
2020-10-10
location
方向是比速度更重要的追求。——白岩松 转载,原文 Location 对象Location 对象包含有关当前 URL 的信息。 Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。 注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。 Location 对象属性 属性 描述 hash 返回一个URL的锚部分 host 返回一个URL的主机名和端口 hostname 返回URL的主机名 href 返回完整的URL pathname 返回的URL路径名。 port 返回一个URL服务器使用的端口号 protocol 返回一个URL协议 search 返回一个URL的查询部分 Location 对象方法 方法 说明 assign() 载入一个新的文档 reload() 重新载入当前文档 replace() 用新的文档替换当前文档
2024-08-15
通过github api统计组织Star数
君子之学,博于外而尤贵精于内。——王廷相 文档如下: https://docs.github.com/zh/rest/orgs/orgs?apiVersion=2022-11-28 代码如下: 123456789101112const response = await fetch('https://api.github.com/orgs/dromara/repos?per_page=100&page=1'); if (!response.ok) { throw new Error(`Error fetching repos: ${response.statusText}`); } const repos = await response.json();console.log(repos)const list = repos.map(({name,stargazers_count})=>({name,stargazers_count}))console....
2021-12-02
uniapp播放音频
人们不太看重自己的力量——这就是他们软弱的原因。——高尔基 播放音频的代码很简单: 123const innerAudioContext = uni.createInnerAudioContext(); innerAudioContext.src = '/img/oss/picGo/kuangstudy9664a946-42a5-4111-80e7-65e735932ef7.wav'; innerAudioContext.play(); 官方文档: https://uniapp.dcloud.io/api/media/audio-context 除了播放、暂停、停止等也都能实现 完整代码: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980<template> <view class=...
2023-10-03
threejs+vite+ts实现官网基础部分
一个温柔的目光,一句由衷的话语,能使人忍受生活给他的许多磨难。——高尔基 官方文档:three.js manual 源代码从这里改进: GitHub - PacktPublishing/Learn-Three.js-Fourth-edition: Learn Three.js, Fourth edition, published by Packt 我本地进行了一些修改,首先package.json 12345678910111213141516171819{ "name": "three-ts", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "tsc &...
2025-02-03
tiptap
暮冬时烤雪,迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时,发现了 Tiptap,这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持,非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价,并且已经在许多企业级项目中得到应用。 Tiptap 是什么?Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架,采用模块化设计,允许开发者自由组合功能和插件。不同于传统的 WYSIWYG(所见即所得)编辑器,Tiptap 提供了更细粒度的内容控制能力,让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror,这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性,提供了更易用的开发接口,使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点 模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog