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

项目介绍

名称：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. org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.binding.BindingException: Parameter 'employeeId' not found. Available parameters are [page, map, param1, param2] 解决方法
			
    原因很简单就是没映射到接口添加 @Param 注解 ->@Param("map") 然后在mapper.xml map.employeeId 再次测试 已经解决 ->
    
			
    2. 
						
  2. Centos7配置IP地址和DNS
			
    目录 一.查看IP地址 1.ifconfig命令 2.ip addr命令 二.配置网卡 1.动态IP地址 2.静态IP地址 3.重启网卡 三.注意事项 四.本地虚拟机设置静态IP后不能上网的解决方法  ...
    
			
    3. 
						
  3. Selenium系列（七） - 切换iframe
			
    如果你还想从头学起Selenium,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1680176.html 其次,如果你不懂前端基础知识, ...
    
			
    4. 
						
  4. NodeMCU入坑指南-烧写固件并连接WIFI
			
    写在前面 今天入手了一个NodeMCU的板子,准备学习一下物联网相关的知识.不过由于博主学艺不精,在第一步烧写固件上就踩坑了,所以就想着把自己的踩坑经历写出来分享给大家,希望能有一些帮助~ 材料准备  ...
    
			
    5. 
						
  5. 《数据库优化》- MySQL视图
			
    一.什么是视图 视图,是基于一个表或多个表或视图的逻辑表,本身不包含数据,通过它可以对表里面的数据进行查询和修改,视图基于的表称为基表.视图是存储在数据字典里的一条select语句. 通俗地讲,视图就 ...
    
			
    6. 
						
  6. Java基础语法(6)-注释
			
    title: Java基础语法(6)-注释 blog: CSDN data: Java学习路线及视频 用于注解说明解释程序的文字就是注释. 提高了代码的阅读性:调试程序的重要方法. 注释是一个程序员必 ...
    
			
    7. 
						
  7. ASP.NET Core 奇淫技巧之伪属性注入
			
    一.前言 开局先唠嗑一下,许久未曾更新博客,一直在调整自己的状态,去年是我的本命年,或许是应验了本命年的多灾多难,过得十分不顺,不论是生活上还是工作上.还好当我度过了所谓的本命年后,许多事情都在慢慢变 ...
    
			
    8. 
						
  8. Building Applications with Force.com and VisualForce(Dev401)(十三):Implementing Business Processes:Automating Business Processes Part II
			
    ev401-014:Implementing Business Processes:Automating Business Processes Part II Module Agenda1.Multi ...
    
			
    9. 
						
  9. win10系统 端口查看问题。
			
    首先看图根据系统自带命令netsta介绍,说明显示协议系统信息和当前TCP/IP 网络连接. 使用范例: 打开命令提示符窗口,在这里输入命令netstat -an,然后按下回车键,这时可以显示出电脑中 ...
    
			
    10. 
						
  10. Functor、Applicative 和 Monad
			
    Functor.Applicative 和 Monad 是函数式编程语言中三个非常重要的概念,尤其是 Monad. 说明:本文中的主要代码为 Haskell 语言,它是一门纯函数式的编程语言. 一.结 ...
    
			
    11.