js获取当前浏览器是否采用深色主题
发表于|更新于
|浏览量:
荣誉在于劳动的双手。——达芬奇
代码如下：
1 | window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches |
对应的mdn：
https://developer.mozilla.org/zh-CN/docs/Web/API/Window/matchMedia
相关推荐
2021-12-16
elementUI字体文件丢失问题
见贤思齐焉，见不贤而内自省也。——《论语》 今天引入elementUI时 官方文档说的CDN引入方式为： CDN目前可以通过 unpkg.com/element-ui 获取到最新版本的资源，在页面上引入 js 和 css 文件即可开始使用。 1234<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib/index.js"></script> 我想下载到本地嘛，就直接打开这两个链接，另存为到本地了 然后发现字体文件丢失…最后解决方式是打开 https://unpkg.com/browse/element-ui@2.15.6/lib/theme-chalk/fonts/ 然后下载其中的字体文件...
2025-10-01
x402
人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 x402：为互联网打造的下一代支付协议——Coinbase 的开放支付协议全解析在加密货币和 Web3 世界不断进化的今天，支付系统依然是“链上应用到现实世界”最核心的基础设施之一。Coinbase 推出的 x402 项目，正试图用开放协议的思路，重新定义互联网支付的连接方式。本文将带你深入了解 x402 的项目定位、技术亮点、典型用法和未来前景。 一、项目概览 项目地址：coinbase/x402 官网：https://x402.org 一句话描述：A payments protocol for the internet. Built on HTTP. 主语言：TypeScript 开源协议：Apache 2.0 Star：1825+，Fork：286+，Issue：104+，社区活跃 二、x402 要解决什么问题？x402 的目标是：让任何 Web 服务都能像集成 HTTP 一样，快速、安全地集成加密支付/微支付能力。 开放协议：...
2021-06-01
uniapp中textarea坑
幼稚是会成长，会成熟的。只要不衰老，腐败，就好。——鲁迅 今天在使用uniapp进行开发的时候，发现一个关于textarea标签的坑 代码如下： 12345<template> <view style="width:100%;height: 100%;"> <textarea style="width:100%;height: 100%;" value=" 一般来讲，我们都必须务必慎重的考虑考虑。 带着这些问题，我们来审视一下阿超。 总结的来说， 每个人都不得不面对这些问题。 在面对这种问题时， 阿超因何而发生？ 带着这些问题，我们来审视一下阿超。 所谓阿超，关键是阿超需要如何写。 从这个角度来看， 德谟克利特说过一句富有哲理的话，节制使快乐增加并使享受加强。我希望诸位也能好好地体会这句话。 那么， 培根曾经提到过，阅读使人充实，会谈使人敏捷，写作使人精确。这不禁令我深思。 问题的关键究竟为何。 康德在不经意间这样说过，既然我已经踏上这条道路，那么，任何东西都不应妨碍我沿着这条路走下去。这启发...
2022-08-21
webpack
细砂般数不尽的星，有颗向我眨眼睛。——芥川龙之介《侏儒的话》 摘自芥川龙之介的《侏儒的话》。 首先是官方文档：https://webpack.docschina.org/ 本质上，webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个 依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。 接下来我们跟着快速上手一下，将一个普通的html文件使用webpack改造 https://webpack.docschina.org/guides/getting-started 创建目录，安装依赖 1234mkdir webpack-democd webpack-demonpm init -ynpm install webpack webpack-cli --save-dev 新建index.html 1234567891011<!DOCTYPE html><html&...
2021-11-21
uniapp无限树形结构
性格左右命运，气度影响格局。——余世雅博士 插件地址：https://ext.dcloud.net.cn/plugin?id=5718 作者： luyj 介绍： 无限极树形结构。支持搜索、面包屑导航、单项选择、多项选择。 代码块 luyj-tree 内包含luyj-tree-search、luyj-tree-navigation、luyj-tree-item 说明 本插件是基于xiaolu-tree进行了uni_modules模块化。并进行了一些修改。 本人暂时只在微信小程序端和H5 使用Chrome浏览器测试。更改了一些内容，有可能会有一些错误 或说明与实际不一致，介意者慎用。本人会适当的抽出业余时间，把它完善，毕竟有一定的下载量了，而且自己也需要学习，再次感谢原作者。 暂时，使用自定义插件渲染有问题，会出现duplication is found under a single shadow root. The first one was accepted ，还未找到解决方案。 安装方式本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导...
2023-02-05
pinia
天时不如地利，地利不如人和——孟子 分享一个Vuex的同类型vue状态管理框架：Pinia 中文文档：https://pinia.web3doc.top/ 它的Demo：https://stackblitz.com/github/piniajs/example-vue-3-vite?file=README.md 相比于Vuex:https://pinia.web3doc.top/introduction.html#%E4%B8%8E-vuex-%E7%9A%84%E6%AF%94%E8%BE%83 Pinia 提供了一个更简单的 API，具有更少的规范，提供了 Composition-API 风格的 API，最重要的是，在与 TypeScript 一起使用时具有可靠的类型推断支持。
阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog