js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下：
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |
对应的mdn：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2021-05-28
uni跳转的小技巧
青春啊，难道你始终囚禁在狭小圈子里？你得撕破老年的蛊惑人心的网。——泰戈尔 从官网看到 我们使用uni.navigate()跳转 123uni.navigateTo({ url: 'test?id=1&name=uniapp'}); 这里我们的url我们如果直接写test 那么我们会跳转到当前页面的test 然而我们如果想跳转到tabBar上的页面 则需要使用uni.switchTab() 123uni.switchTab({ url: '/pages/index/index'}); 这里要注意的是，需要在路径前加/表示一个根路径 否则会跳转不到想要的页面 而且switchTab并不支持url传参 而我们需要使用别的方式，例如setStorage
2025-04-01
vuepressecosystem
我真不知道在这个世界上我了解过谁。——玛格丽特·米切尔《飘》 https://github.com/vuepress/ecosystemhttps://ecosystem.vuejs.press/zh/ 介绍 VuePress Ecosystem：VuePress2 的官方插件和主题最近，我发现了一个非常重要的开源项目——VuePress Ecosystem。这个项目由 VuePress 团队开发和维护，旨在为 VuePress2 提供官方的插件和主题。今天，我将为大家详细介绍一下这个项目的特点和使用方法。 项目概述VuePress Ecosystem 是 VuePress2 的官方插件和主题库。项目自 2023 年 9 月 5 日创建以来，已经获得了 43 个星标和 61 个 forks，显示了其在社区中的受欢迎程度。项目使用 TypeScript 编写，并且遵循 MIT 许可证，确保其免费和开源。 项目特点 官方插件和主题：VuePress Ecosystem 提供了一系列官方插件和主题，帮助用户轻松扩展和定制 VuePress2 网站。 高质量：作为官方插件和主题库，V...
2025-05-22
wangeditor渲染node方式
青，取之于蓝而青于蓝;冰，水为之而寒于水。 ——《荀子·劝学》 代码如下： 1234567891011121314import { Boot, createEditor, createToolbar, SlateEditor, SlateElement, SlateNode, SlateText, SlateTransforms} from '@wangeditor/editor'SlateTransforms.insertNodes(editor, nodes)editor.updateView() 这里的nodes格式参考 https://www.wangeditor.com/v5/node-define.html 节点数据结构wangEditor 是基于 slate.js 为内核开发的，所以学习本文之前，要先了解 slate Node 设计 。 是什么很多同学可能根本不知道本文要讲什么，对于这里的“节点”和“数据结构”也不知何意。没关系，接下来通过几个问题，就可以让你快速入门。 我们通过 API 的学习，已经知道...
2022-06-21
ts装饰器(注解)
书，能保持我们的童心；书能保持我们的青春。——严文井 官方文档：https://www.typescriptlang.org/docs/handbook/decorators.html 这个东西在java里叫注解，不过在ts中，一个装饰器对应一个方法 首先执行命令： 1tsc --target ES5 --experimentalDecorators 然后配置一下tsconfig.json就可以使用了 123456{ "compilerOptions": { "target": "ES5", "experimentalDecorators": true }} 首先我们定义一个class 1234class User { private id: Number | undefined; private name: string | undefined;} 我们编写一个装饰器对应的逻辑，实现ja...
2022-06-29
konva实现双击编辑富文本
那一天我二十一岁，在我一生的黄金时代，我有好多奢望。我想爱，我想吃，我想在一瞬间变成天上半明半暗的云。——《黄金时代》 完整代码放到了：https://gitee.com/VampireAchao/simple-konva-html 主要是这个文件 https://gitee.com/VampireAchao/simple-konva-html/blob/master/richtext-dragable.html 思路来源：https://konvajs.org/docs/sandbox/Rich_Text.html 主要思路： 1.双击时创建(我这里是隐藏显示再定位)富文本dom节点 2.通过htmlToCanvas转换html为canvas 3.使用Konva.Image渲染 效果还是蛮不错的，能做polotno的类似案例
2024-12-10
Crawlee
芸芸众生，孰不爱生?爱生之极，进而爱群。 —— 秋瑾 Crawlee——一个用于 Node.js 的网络抓取和浏览器自动化库，用于构建可靠的爬虫。在 JavaScript 和 TypeScript 中。提取 AI、 LLMs 、RAG 或 GPT 的数据。从网站下载 HTML、PDF、JPG、PNG 和其他文件。适用于 Puppeteer、Playwright、Cheerio、JSDOM 和原始 HTTP。有头模式和无头模式。通过代理轮换。 Crawlee 涵盖了端到端的爬行和抓取，并帮助您构建可靠的抓取工具。快速地。 即使使用默认配置，您的爬虫也会像人类一样出现并在现代机器人保护的雷达下飞行。 Crawlee 为您提供了在网络上抓取链接、抓取数据并将其存储到磁盘或云的工具，同时保持可配置以满足您的项目需求。 Crawlee 可作为crawlee NPM 包使用。 👉在Crawlee 项目网站上查看完整文档、指南和示例👈 Crawlee for Python 对早期采用者开放。 🐍 👉 查看源代码 👈 . 使用 Crawlee CLI 尝试 Crawlee ...
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog