js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下：
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |
对应的mdn：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2023-01-20
js获取元素相对于document的坐标
孤独没有什么不好。使孤独变得不好，是因为你害怕孤独。——《孤独六讲》 代码如下： 12345const getOffset = el => { const { left, top } = el.getBoundingClientRect() const { scrollTop, scrollLeft } = document.body return { top: top + scrollTop, left: left + scrollLeft }} 使用： 123456789101112131415161718192021222324252627<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content...
2020-08-22
字符串的split和join
split() 将字符串拆分成数组 join() 将数组合并 参数为分隔符 两套代码 123456#JavaScriptvar str = "ruben";var array = str.split('');array.forEach(s => console.log(s));str = array.join('');console.log(str); 以及 12345678//javaString str = "ruben";String[] array = str.split("");for (String s : array) { System.out.println(s);}str = String.join("", array);System.out.println(str);
2025-10-15
jekyll-theme-chirpy
窥天地之奥而达造化之极——李时珍 https://github.com/cotes2020/jekyll-theme-chirpy Chirpy：技术写作的极致优雅——Jekyll 最受欢迎的极简响应式主题如果你是技术极客、程序员、运维、独立开发者，或是任何热爱写作和分享的人，相信你一定会关注“博客体验”这件小事。你想要页面清爽、内容聚焦、功能强大、移动端友好、上手成本低？那么，Chirpy 绝对值得你深入体验！ 一、项目简介 项目地址：cotes2020/jekyll-theme-chirpy 演示站点：https://chirpy.cotes.page 一句话描述：A minimal, responsive, and feature-rich Jekyll theme for technical writing. 主语言：HTML（基于 Jekyll，支持 RubyGems） Star：9310+ Fork：7041+ 开源协议：MIT 标签：jekyll jekyll-theme responsive-web-design html5 bootstrap p...
2022-10-05
RainEffect
不要从你自己的口袋里掏出勋章借给你的朋友，这是侮辱他的——泰戈尔 分享一个真实的雨滴效果： https://tympanus.net/Development/RainEffect/#slide-1 github地址：https://github.com/codrops/RainEffect 还是非常炫酷的
2024-10-08
深入理解 JavaScript 异步
美丽的姿态胜过美丽的脸孔，美丽的行为胜过美丽的姿态。——爱默生 学习js异步可以看这个 https://github.com/wangfupeng1988/js-async-tutorial 2014年秋季写完了《深入理解javascript原型和闭包系列》，已经帮助过很多人走出了 js 原型、作用域、闭包的困惑，至今仍能经常受到好评的留言。 很早之前我就总结了JS三座大山这个概念（虽然没有到处宣扬），前两座（原型、作用域）已经基本讲明白，而第三座（异步）也应该做一个总结。 于是，2017年初春，我花费大约一周的业余时间来对 JS 异步做一个完整的总结，和各位同学共勉共进步！ 目录part1 基础部分 什么是异步 异步和 event-loop 事件绑定算不算异步？ part2 jQuery的解决方案 jQuery-1.5 之后的 ajax jQuery deferred jQuery promise part3 ES6-Promise Promise 加入 ES6 标准 Promise 在 ES6 中的具体应用 对标一下 Promise/A+ 规范 Pro...
2024-06-25
popper.js定位提示和泡泡弹框
烈火试真金，逆境试强者。——塞内加 https://popper.js.org/docs/v2/ 分享一个定位工具提示和弹出窗口的库 例如 123456789101112131415161718192021222324252627<!DOCTYPE html><title>Popper example</title><style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }</style><button id="button" aria-describedby="tooltip">I'm a button</button><div id="tooltip" role="tooltip&qu...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog