先拜读源码，最后总结，以及其他实现思路。如有错误，欢迎指正！

项目介绍

名称：Darkmode.js

功能：给你的网站添加暗色模式

项目链接：https://github.com/sandoche/Darkmode.js

使用插件

使用这个插件非常简单，只需要实例化 class，即可在页面创建一个 button，点击它就能够切换亮色\暗色模式。

new Darkmode({

  bottom: "32px",

  right: "32px",

  time: "0.5s",

  label: "												


											
Github star 1.7k 的项目源码解析的更多相关文章
	

    
								
  1. Android 开源项目源码解析（第二期）
		
    Android 开源项目源码解析(第二期) 阅读目录 android-Ultra-Pull-To-Refresh 源码解析 DynamicLoadApk 源码解析 NineOldAnimations  ...
    
		
    2. 
						
  2. [原创]android开源项目源码解析（一）----CircleImageView的源码解析
		
    CircleImageView的代码很简洁,因此先将此工程作为源码解析系列的第一篇文章. 解析说明都在代码里了. /* * Copyright 2014 - 2015 Henning Dodenhof ...
    
		
    3. 
						
  3. 还怕问源码？Github上神级Android三方源码解析手册，已有7.6 KStar
		
    或许对于许多Android开发者来说,所谓的Android工程师的工作"不过就是用XML实现设计师的美术图,用JSON解析服务器的数据,再把数据显示到界面上"就好了,源码什么的,看 ...
    
		
    4. 
						
  4. 开源项目源码解析-PhotoView 源码解析
		
    1. 功能介绍 特性(Features): 支持 Pinch 手势自由缩放. 支持双击放大/还原. 支持平滑滚动. 在滑动父控件下能够运行良好.(例如:ViewPager) 支持基于 Matrix 变 ...
    
		
    5. 
						
  5. 【转载】Xutils3源码解析
		
    Github源码地址:https://github.com/wyouflf/xUtils3 原文地址 :http://www.codekk.com/blogs/detail/54cfab086c476 ...
    
		
    6. 
						
  6. SpringBoot源码解析系列文章汇总
		
    相信我,你会收藏这篇文章的 本篇文章是这段时间撸出来的SpringBoot源码解析系列文章的汇总,当你使用SpringBoot不仅仅满足于基本使用时.或者出去面试被面试官虐了时.或者说想要深入了解一下 ...
    
		
    7. 
						
  7. 源码解析-Volley(转自codeKK)
		
    Volley 源码解析 本文为 Android 开源项目源码解析 中 Volley 部分项目地址:Volley,分析的版本:35ce778,Demo 地址:Volley Demo分析者:grumoon ...
    
		
    8. 
						
  8. Volley 源码解析（转）
		
    项目:Volley,分析者:grumoon,校对者:Trinea 本文为 Android 开源项目源码解析 中 Volley 部分项目地址:Volley,分析的版本:35ce778,Demo 地址:V ...
    
		
    9. 
						
  9. 如何从Eclipse导入github上的项目源码
		
    1.首先在github.com上申请一个账号,比如笔者的账号为puma0072.Eclipse需要安装egit插件,在Eclipse中选择help->Marketplace,在search中输入 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Arch Linux开启SSH远程安装(1.5)
			
    现在你的眼前应该可以看到[root@archiso~]#的提示. 首先,建立目标机器的网络设置: 安装和升级软件包前,先让本地的包数据库和远程的软件仓库同步是个好习惯. [root@archiso~] ...
    
			
    2. 
						
  2. 大数据软件安装之ZooKeeper监控
			
    一.ZooKeeper安装 官方文档: https://zookeeper.apache.org/doc/r3.5.5/zookeeperStarted.html 1.解压分发 [test@hadoo ...
    
			
    3. 
						
  3. vscode 配置c++记录
			
    c_cpp_properties.json { "configurations": [ { "name": "MinGW", "i ...
    
			
    4. 
						
  4. ML-Agents（三）3DBall例子
			
    ML-Agents(三)3DBall例子 前一周忙着公司的考试,都没有怎么学新的,今天补上~ 之后的记录,我准备先只研究官方的示例,主要是把研究过程中的疑惑和想法记下来.首先我先补充一下如何利用GPU ...
    
			
    5. 
						
  5. Convert JS object to JSON string
			
    Modern browsers (IE8, FF3, Chrome etc.) have native JSON support built in (Same API as with JSON2).  ...
    
			
    6. 
						
  6. Transformers 库常见的用例 | 三
			
    作者|huggingface 编译|VK 来源|Github 本章介绍使用Transformers库时最常见的用例.可用的模型允许许多不同的配置,并且在用例中具有很强的通用性.这里介绍了最简单的方法, ...
    
			
    7. 
						
  7. 热点 | github近期热点项目汇总
			
    本文是近期Github热点项目的汇总,如果你想了解更多优秀的github项目,请关注我们公众号的github系列文章. 推荐 | 7个你最应该知道的机器学习相关github项目 热点 | 六月Gith ...
    
			
    8. 
						
  8. Linux/CentOS7搭建Anaconda运行环境
			
    1. 安装miniconda 下载并安装miniconda到$HOME/.miniconda/ #从官网下载 wget -c "https://repo.anaconda.com/minic ...
    
			
    9. 
						
  9. 好记性-烂笔头：JDK8流操作
			
    1):对象 List<User> 转 Map<String,Object> 案例如下: public class User { private Integer id; priv ...
    
			
    10. 
						
  10. vue-cli 引入axios及跨域使用
			
    使用 cnpm 安装 axios cnpm install axios --save-dev 安装其他插件的时候,可以直接在 main.js 中引入并 Vue.use(),但是 axios 并不能 u ...
    
			
    11.