avatar
文章
2122
标签
34
分类
0
首頁
目录
标签
友鏈
关于
Logo阿超js获取当前浏览器是否采用深色主题 返回首页
搜索
首頁
目录
标签
友鏈
关于

js获取当前浏览器是否采用深色主题

发表于2023-06-05|更新于2026-02-24
|浏览量:

荣誉在于劳动的双手。——达芬奇

代码如下:

1
window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches

image-20230605204851173

对应的mdn:

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia

前端
上一篇
加唯一索引时候发现已有重复数据删除
说话随便的人,便是没有责任心。——哈代 sql如下 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677-- 查询重复数据idSELECT GROUP_CONCAT( id SEPARATOR ',' )FROM `my_table` GROUP BY `user_id`, `depart_id`, `position_id` HAVING COUNT(*) > 1 AND `user_id` IS NOT NULL AND `depart_id` IS NOT NULL AND `position_id` IS NOT NULL;-- 查询需要删除掉的重复数据SELECT t1.`id`, t1.`user_id`, t1.`depart_id`, t1.`position_id`, t1.`gmt_create...
下一篇
将图片转换为像素风svg
千秋青史难欺。——张廷玉 链接:https://codepen.io/rodzyk/pen/dyjzExz 效果如下: 需要下载对应的svg也很简单 复制出来,再粘贴到本地新建xxx.svg文件内即可
相关推荐
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 的插件系统使得开发者可以按需引...
avatar
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
文章
2122
标签
34
分类
0
Follow Me
公告
This is my Blog
最新文章
unsloth2026-03-20
OpenViking2026-03-19
browser2026-03-18
GitNexus2026-03-17
project-nomad2026-03-16
© 2025 - 2026 By 阿超框架 Hexo 8.1.1|主题 Butterfly 5.5.4
搜索
数据加载中