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

项目介绍

名称：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. CMDB_Agent版本
			
    目录 CMDB_Agent版本 CMDB概念 CMDB_Agent介绍 agent方案 ssh类方案 相比较 架构目录 bin-start.py 启动文件 conf-config.py 自定义配置文件 ...
    
			
    2. 
						
  2. Vue-Cli4笔记
			
    Vue-Cli4与Vue-Cli2区别浅谈 当时学习 Vue-Cli 的时候看的是 Vue-Cli2 的相关教程,当把 package.json 上传 github 的时候提醒有安全问题,于是准备使用 ...
    
			
    3. 
						
  3. WEB应用之httpd基础入门（三）
			
    前文我们聊到了httpd的路径别名.访问日志定义.basic认证配置,回顾请参考https://www.cnblogs.com/qiuhom-1874/p/12561236.html:今天我们来聊一聊 ...
    
			
    4. 
						
  4. POJ3461一道kmp题，字符串Hash也可
			
    题目链接:http://icpc.njust.edu.cn/Problem/Pku/3461/ 代码如下: #include<cstdio> #include<string.h> ...
    
			
    5. 
						
  5. SSRF漏洞详解
			
    0.SSRF简介 SSRF全称为Server-side Request Forgery,即服务端请求伪造攻击,是一种由攻击者构造形成由服务器端发起请求的一个漏洞,一般情况下,SSRF 攻击的目标是从外 ...
    
			
    6. 
						
  6. In Triangle Test / To Left Test
			
    2020-01-09 14:51:29 如何高效的判断一个点是否是包含在一个三角形的内部是计算几何里的一个基础问题. In Triangle Test问题也可以用来解决计算几何里的一个基础问题就是 凸 ...
    
			
    7. 
						
  7. stm32CubeMx+TrueSTUDIO+uc/os-III移植开发（二）
			
    (三)复制相关文件 (1)继上次的代码生成后会显示如下的图 点击第一个,打开文件夹如下 (2)新建文件夹UCOSIII 在UCOSIII文件夹下,新建如下的文件夹 (3)将uc/os源文件中 Micr ...
    
			
    8. 
						
  8. Colab笔记本能用英伟达Tesla T4了，谷歌的羊毛薅到酸爽
			
    谷歌出品的Colab笔记本,机器学习界薅羊毛神器,如今又有了新福利: 连英伟达最新一代机器学习GPU:Tesla T4都能免费蹭,穷苦羊毛党也顿时高端了起来. 英伟达的Tesla T4,是去年秋天才发 ...
    
			
    9. 
						
  9. CSS3动画的使用以及优化
			
    CSS3 动画 目录 1. 定义动画2. animation 属性3. animation 属性的兼容4. animation与transition 属性的取别5. animate.css 动画库6. ...
    
			
    10. 
						
  10. Git入门操作（一）
			
    最近真正用到了Git,感觉还是需要好好整理一下最最基础用法,与萌新共享.^_^ 关于Git的基础介绍,这里不再赘述,下面撸代码了(主要是命令行的操作,属于linux操作系统的,可能没听过,但记住就好了 ...
    
			
    11.