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

项目介绍

名称：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. Linux下安装Python3.4
			
    PS:如果本机安装了python2,尽量不要管他,使用python3运行python脚本就好,因为可能有程序依赖目前的python2环境, 比如yum!!!!! 不要动现有的python2环境! 1. ...
    
			
    2. 
						
  2. [剑指offer]3.数组中的重复数字
			
    3.数组中的重复数字 题目 找出数组中重复的数字. 在一个长度为 n 的数组 nums 里的所有数字都在 0-n-1 的范围内.数组中某些数字是重复的,但不知道有几个数字重复了,也不知道每个数字重复了 ...
    
			
    3. 
						
  3. Nvue/Weex
			
    Nvue/Weex 使用Uniapp做了一个App,感觉性能不是很好,了解过Uniapp的Nvue,就想做一个纯Nvue项目,其实基本就是做一个Weex项目,不得不说坑是真的多,但是渲染性能真的是没得 ...
    
			
    4. 
						
  4. hdu1548 奇怪的电梯 dfs dijkstra bfs都可以，在此奉上dfs
			
    题目链接:http://icpc.njust.edu.cn/Problem/Hdu/5706/ 简单的规定深度进行搜索,代码如下: #include<bits/stdc++.h> usin ...
    
			
    5. 
						
  5. OpenCV-Python 霍夫圈变换 | 三十三
			
    学习目标 在本章中, 我们将学习使用霍夫变换来查找图像中的圆. 我们将看到以下函数:cv.HoughCircles() 理论 圆在数学上表示为(x−xcenter)2(y−ycenter)2=r2(x ...
    
			
    6. 
						
  6. Java基础语法(11)-面向对象之关键字
			
    title: Java基础语法(11)-面向对象之关键字 blog: CSDN data: Java学习路线及视频 1.this this是什么 它在方法内部使用,即这个方法所属对象的引用: clas ...
    
			
    7. 
						
  7. iOS 性能优化收集
			
    iOS 性能调试 instrument Instrument Instrument之Core Animation工具 避免图层混合 ①.确保控件的opaque属性设置为true,确保backgroun ...
    
			
    8. 
						
  8. Mac下安装安装selenium与安装chromedriver安装
			
    开发环境:MacOS,Python3.7 1. 安装selenium 可以使用pip安装(pip install selenium)或者使用pycharm进行安装下载 2. 运行如下代码: from  ...
    
			
    9. 
						
  9. LVS的部署、案例、以及常见问题
			
    LVS的部署.案例.以及常见问题 原创chenhuyang 最后发布于2018-06-03 16:18:25 阅读数 1560 收藏 展开 一.LVS的部署 LVS现在已经集成在linux内核模块中, ...
    
			
    10. 
						
  10. Pytest系列（1） - 快速入门和基础讲解
			
    如果你还想从头学起Pytest,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1690628.html 前言 目前有两种纯测试的测试框架, ...
    
			
    11.