首页 > 编程语言 >JavaScript中最好的明暗模式主题切换

JavaScript中最好的明暗模式主题切换

时间:2023-06-25 10:25:10浏览次数:43  
标签:主题 color JavaScript theme 切换 按钮 首选项 data 明暗

了解如何使用 JavaScript、CSS 自定义属性、本地存储和系统设置为您的网站构建终极主题 Toggle™️。无需框架!


我曾经不同意浅色和深色模式切换。“切换开关是用户系统偏好设置!” 我会天真地感叹,选择让prefers-color-scheme CSS媒体查询控制我个人网站上的主题。没有切换。没有选择。

标签:主题,color,JavaScript,theme,切换,按钮,首选项,data,明暗
From: https://www.cnblogs.com/web-666/p/17502262.html

相关文章

  • m基于多属性决策判决算法的异构网络垂直切换matlab仿真,异构网络为GSM,TDS,LTE
    1.算法仿真效果matlab2022a仿真结果如下:    2.算法涉及理论知识概要       异构网络垂直切换是指在不同的移动通信网络之间进行快速自适应切换的技术。在异构网络中,不同类型的网络可能具有不同的带宽、延迟、信号强度等性能指标,因此在不同的应用场景下,需要采......
  • git 切换到指定commit以及提交并且删除分支
    首先是通过gitlog--pretty=oneline查找到指定的commitID gitcheckout 4da58520 提示没有在任何一个分支上,需要新建一个分支关联变更  gitcheckout-bnew_commit_branch 推送变更 gitpush 此时新的分支回退到指定的提交ID,可以做我们的事情了。使用完之......
  • JavaScript对象
    JavaScript对象Object类型,我们也称为一个对象。是JavaScript中的引用数据类型它是一种复合值,它将很多值聚合到一起,可以通过名字访问这些值对象也可以看做是属性的无序集合,每个属性都是一个key/value对对象除了可以创建自有属性,还可以通过从一个名为原型的对象那里继承属性除......
  • JavaScript学习笔记:Web Components
    组件的概念组件是对可重用的HTML与JS功能的封装。在没有组件的时候,同样的HTML结构会在文档中多次出现,使代码变得复杂。在使用组件封装后,就像使用一个HTML标签那样使用这些HTML结构,HTML文档变得清晰易维护。它主要由三项技术实现:CustomElement:自定义元素,JavaScriptWEBAP......
  • 移动pc,pve在不同网络环境切换
    配置双IProot@pve:/opt/shell-script#cat/etc/network/interfacesautoloifaceloinetloopbacksource/etc/network/interfaces.d/*.cfgifaceenp0s31f6inetmanualautovmbr0ifacevmbr0inetstaticaddress192.168.9.231/24upipaddradd192......
  • JavaScript 之 高级程序设计 基础篇 (一)
    导读此篇文章为作者拜读JavaScrpit第四版(红宝石)的笔记内容、适用于有经验的程序员阅读;作者java开发出身。在之前前后端不分离的时代使用esayUIJQuery的时代经常写js相关代码。现在前后端分离的时代;前端工程日新月异、各种框架层出不穷;万变不离其中;学好js才是根本;很喜欢并......
  • JavaScript基础
    JavaScript基础简介JavaScript是由网景公司发明,起初命名为LiveScript,后来由于SUN公司的介入更名为了JavaScript为了确保不同的浏览器上运行的JavaScript标准一致,所以几个公司共同定制了JS的标准名命名为ECMAScriptJS的特点解释型语言类似于C和Java的语法结构动态语言......
  • JavaScript类
    1JavaScript类每个JavaScript对象都是一个属性集合,相互之间没有任何联系在JavaScript中也可以定义对象的类让每个对象都共享某些属性,这种“共享”的特性是非常有用的类的成员或实例都包含一些属性,用以存放或定义它们的状态其中有些属性定义了它们的行为(通常称为方法)。这......
  • 腾讯Android岗三面:EventBus 发送的消息,如何做到线程切换?
    一.前言EventBus是一个基于观察者模式的事件订阅/发布框架,利用EventBus可以在不同模块之间,实现低耦合的消息通信。EventBus因为其使用简单且稳定,被广泛应用在一些生产项目中。通常我们就是使用EventBus分发一些消息给消息的订阅者,除此之外我们还可以通过EventBus将消息传......
  • Javascript
    什么是Javascript概述javaScript是一门世界上最流行的脚本语言Java,JavaScript10天一个合格的后端人员,必须精通JavaScript历史ECMAScript它可以理解为JavaScript的一个标准最新版本已经到es6版本~但是大部分浏览器还只停留在支持es5代码上!开发环境–线上环境,版本不一致......