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

项目介绍

名称：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. SpringBoot AOP处理请求日志处理打印
			
    SpringBoot AOP处理请求日志处理打印 @Slf4j @Aspect @Configuration public class RequestAopConfig { @Autowired pr ...
    
			
    2. 
						
  2. 关于Quartz .NET(V3.0.7)的简要说明
			
    目录 0. 任务调度 1. Quartz .NET 1.1 基本概念 1.2 主要接口和对象 2. 使用示例 2.0 准备工作 2.1 每间隔一定时间间隔执行一次任务 2.3 某天的固定时间点执行任务 ...
    
			
    3. 
						
  3. java简单序列化和反序列化
			
    一.序列流 1.什么是序列流 序列流可以把多个字节输入流整合成一个, 从序列流中读取数据时, 将从被整合的第一个流开始读, 读完一个之后继续读第二个, 以此类推. 2.使用方式 整合两个: Seque ...
    
			
    4. 
						
  4. django中基于python3.6使用容联发送短信
			
    一. Django基于python3.6使用容联发送短信流程 容联官方的python支持2.7版本,当我们python解释器采用3版本时,需要修改容联接口中的一些参数及方法. 首先去容联官网注册账号, ...
    
			
    5. 
						
  5. hdu3294 Manacher算法模板
			
    题目链接:http://icpc.njust.edu.cn/Problem/Hdu/3294/ 回文长度如果是mxx,回文中心是id的话,在扩展串中(id-mxx+1,id+mxx-1)的这段中去除标 ...
    
			
    6. 
						
  6. poj1088 滑雪 dp+dfs记忆化
			
    简单的搜索,不必多说了,初始状态下每个点能到达的长度是1,它本身.还有,注意关掉文件重定向,被坑好多次了. 代码如下: #include<cstdio> #include<algor ...
    
			
    7. 
						
  7. Effective python（五）：内置模块
			
    1,考虑使用contextlib和with语句改写可复用的try/finally代码 with lock:print('lock is held')相当于try:print('lock is held ...
    
			
    8. 
						
  8. Salesforce LWC学习(十四) Continuation进行异步callout获取数据
			
    本篇参考: https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.apex_continua ...
    
			
    9. 
						
  9. 动态规划-Minimum Distance to Type a Word Using Two Fingers
			
    2020-01-12 18:28:13 问题描述: 问题求解: 本题还是非常困难的,至少我在看到这个题目的时候是没有想到怎么解决的.我当时联想到的题目是那条grid走两遍的题目,那条题目也很麻烦,使用 ...
    
			
    10. 
						
  10. Python_matplotlib画图时图例说明(legend)放到图像外侧
			
    https://blog.csdn.net/Poul_henry/article/details/82533569 import matplotlib.pyplot as plt import num ...
    
			
    11.