前端暗黑模式,你了解多少

关于使用越来越多的前端暗黑模式,手机的app或网站都将支持暗黑模式逐渐成为一种规范,这样做的目的是什么呢?从我最初的理解是为了在黑暗的环境下屏幕上阅读的体验考虑,但是看了文摘却有另一种意义。

暗黑模式究竟能不能起到省电的作用,从而拯救保护地球资源和环境?

简而言之 — — 可以,仅仅一点而已。

在数亿年前,有人给我看了blackle.com这个网站,它就是换了黑色背景的google。

Blackle是一个带有谷歌搜索栏的黑色背景的网页,只是将Google的亮白色背景换成了黑色而已。据说这省了不少电,说明暗像素比亮像素消耗更少的能量。

因此,我们为了拯救地球,所有人将主页换成了Blackle。而实际上,使用blackle的风潮还没开始多久就逐渐消散了。并且发现黑色模式对屏幕能量的消耗没有什么直接的影响。很快人们也就忘记了它。

《低影响宣言》 — — 第9条

前几天,有人向我发送了指向“有机基础-低影响力网站”的链接。这是一个旨在最大程度减少环境危害的电子商务网站。

该代码是开放源代码,并附带一个宣言,描述了Low Impact网站应做的10件事。

第九条表示影响较小的站点“限制了屏幕发出的光量”。 让我想起了Blackle,很快我对它陷入了失望。但是建立这个站点的人做了研究,确定我们应该这么做。所以我应该得去黑色背景版的谷歌去搜索?

显像管 vs 液晶屏 vs 有机发光二极管

大约在2007-08年,当我第一次看到blackle.com时,大多数屏幕都是液晶显示器。

液晶屏

LCD屏幕用背光照明。液晶会改变颜色,但自身不会发光。无论屏幕显示什么,背光都亮。

不管像素有多亮,能耗都不会改变。因此,像blackle这样的站点对功耗没有影响。

显像管

当Blackle于2002年首次推出时,大多数屏幕是阴极射线管。

屏幕为黑色时,CRT的耗电量会减少。CRT的耗电量也比LCD多得多。因此,blackle确实有意义。

有机发光二极管

今天,LCD仍然是最受欢迎的液晶显示器,但很快就会被OLED所取代。OLED屏幕由相互独立发光的像素组成。此外,功耗与每个像素的亮度直接相关。因此,像素亮度越低,所消耗的电量就越少。

使用blackle之类的网站,或将手机设置为黑暗模式确实可以节省电量。但是究竟能省多少呢?

暗模式可节省多少能量?

Mobile Enerlytics是一家测量手机能耗的公司。他们做了一些实验,得出的结论是,暗模式可以节省大量电池寿命。全亮度设备上介于5.6%至44.7%之间,而38%亮度下介于1.8%至23.5%之间。

能耗百分比的巨大差异取决于手机的活动状态。CPU的繁重任务(例如观看视频)会消耗大量能量,因此显示器消耗的能量相对较少。对于较简单的任务(例如阅读文章),黑暗模式可以延长电池寿命。

因此,暗模式确实可以显着提高电池寿命。但是节省了多少能量?以及如何转化为二氧化碳?

封底计算

我不知道如何找到正确的答案。但是粗略的计算应该使事情变得正确。我们将使用iPhone X规格作为指导。

iPhone X使用20瓦充电器,充电时间约为1小时。如果您每天充满电一次,则每天20瓦特时,一年7.2千瓦时。

在美国,每KWh排放0.4kg的二氧化碳。假设使用暗模式仅节省5%。因此,在暗模式下一年使用100万部iPhone Xs可以节省约14.4万公斤。与31辆相同。

1百万iPhone X在黑暗模式下≈31辆

美国有超过2亿辆汽车。因此,我让您决定是否值得考虑使用暗模式来解决气候危机。

就个人而言,我认为这样的小收获加起来了。气候危机是一个复杂的问题。二氧化碳的每种来源都可以分解为越来越小的部分。最终需要解决这样的问题。对我们来说幸运的是,黑暗模式将自行发生。

黑暗模式与拯救地球无关。这与可用性有关,在较小程度上也与电池寿命有关。

随着暗模式越来越流行,消费者会从应用程序和网站中获得期望。免费获得环境收益。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/354666.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

两全其美的

使用抽象文档模式的类型安全视图 您如何组织对象? 在本文中,我将介绍一种模式,该模式以无类型的方式在您的系统中组织所谓的名词类,然后使用特征公开数据的类型化视图。 这使得只需少量的牺牲就可以在Java之类的语言中获得JavaScr…

Windows内核函数

字符串处理 在驱动中一般使用的是ANSI字符串和宽字节字符串,在驱动中我们仍然可以使用C中提供的字符串操作函数,但是在DDK中不提倡这样做,由于C函数容易导致缓冲区溢出漏洞,针对字符串的操作它提供了一组函数分别用来处理ANSI字符…

前端应该关注的2021年UI设计趋势

UI设计趋势几乎每年都在发生变化,变化的原因是人们的审美在变导致的,还是设计越来越人性化。市场上是谁在主导设计趋势?其中原因不得而知,我们先看看究竟有哪些变化:1. 3D插图(依然流行)3D图像将…

如何让你在开发者工具中查看源代码有语法高亮和暗黑主题的效果

如何让你在Chrome浏览器开发者工具中查看源代码的时候,和在代码编辑器中有同样的代码语法高亮的效果,而且还是深色主题,如果你是深色主题的爱好者就更合你意了。国外的美女开发者为你实现了这样功能的浏览器拓展,她的Github主页&a…

“太空语言”JavaScript编码标准规范指南

喷气推进实验室是 美国国家航空航天局的科研机构。 该实验室JPL开发大部分的软件是用在无人深度太空和其他行星探测的领域。他们拥有著名的 好奇号火星探测器 和 旅行者号探测器 。已经离开太阳系25年,仍然在飞行并提供科学信息。高水平的自动化和长期的任务导致了对…

如何在JUnit 5中替换规则

最近发布的JUnit 5(又名JUnit Lambda) Alpha版本引起了我的兴趣,在浏览文档时,我注意到规则以及跑步者和阶级规则都消失了。 根据文档,这些部分竞争的概念已被单个一致的扩展模型取代。 多年来, Frank和我…

微页面设计开发指南

一、目标实现左侧:为可用的组件列表,可拖动任一组件到中间的预览区域中间:为页面预览效果页面,选中任一组件,可在右侧进行参数配置右侧:为组件的参数配置(选中中间的组件时出现)&…

商城商品购买数量增减的完美JS效果

商城商品购买数量增减的完美JS效果 近期在开发一个地方O2O租书项目,使用ASP.NET MVC技术,其中在图书详情页,用户可以输入借阅的数量,这里使用了js来控制数量的增减和校验。 数量一定是数字 点击增减按钮的时候要能自动加1或减1 …

这款插件让你在VSCode上也能答题背单词

在VSCode上也可以在线答题了,插件市场上线了一款答题的插件,免去了去其它网站或者软件的烦恼,代码写累了,随手打开答题功能,换换脑子,或者熟悉两个单词,程序员的别样休闲时光,哈哈&a…

使用Java 8在地图上流式传输

在本文中,我将向您展示如何在标准Java映射上有效地实现Speedment Open Source流,并将Stream接口扩展为MapStream! 即使在复杂的情况下,此添加将使保持流的具体性和可读性变得更加容易。 希望这将允许您继续流式传输而不会过早收集…

如何使用python给PDF文件加水印

Python作为编程界最火的语言,能做的事几乎你能想到的它都能干,就连抢茅台都可以,还有什么不行?!Python作为脚本编程语言,可以做很多事情。使用Python,你可以轻松地给pdf加上水印。 你可以使用名…

搭建一个redis高可用系统

一、单个实例 当系统中只有一台redis运行时,一旦该redis挂了,会导致整个系统无法运行。 单个实例二、备份 由于单台redis出现单点故障,就会导致整个系统不可用,所以想到的办法自然就是备份(一般工业界认为比较安全的备…

SSH连接远程服务器,本地known_hosts文件记录了什么

今天工作时,使用ssh命令远程连接公司的本地服务器时,突然出现以下错误bash-3.2$ ssh argus192.168.200.8 WARNING: REMOTE HOST IDENTIFICATION HAS CHANGED! IT IS POSSIBLE THAT SOMEONE IS DOING SOMETHING NASTY! Someone could be eavesdroppin…

“全人类的知识宝藏”维基百科迎来了20岁的生日!

维基百科从一个伟大的想法开始,与无数的像你像我一样的阅读者,创作者,捐赠者和粉丝经历了互联网的20年,今天让我们一起为这个属于所有互联网人的成果庆祝一次生日。值此20周年特地为它做了一个主页:https://wikimediaf…

转:智能音箱市场深度报告:怎么大家都在抢这个两亿小蛋糕?

原文链接:http://www.sohu.com/a/199335366_115978 智能音箱是今年最热的智能硬件项目之一。目前,智能音箱已经有了比较成熟的技术方案和模式思路,但消费市场似乎依然秉持着比较谨慎的态度。智能音箱市场上的主流产品都有什么思路&#xff1f…

Tailwindcss尤大神都fork了,是未来的趋势?

最近Tailwindcss频繁出现在我的视野里,从单词拼写中看,多多少少与css有点关系。近几年是JS框架大行其道,CSS方面少有新的框架出现。昨天突然看到尤大神在Github上的动态,fork了该项目,看来马上要火的节奏啊&#xff01…

JUnit 5 –架构

现在我们知道如何设置JUnit 5并使用它编写一些测试 ,下面让我们看一下。 在本文中,我们将讨论JUnit 5架构以及采用这种方式的原因。 总览 这篇文章是有关JUnit 5的系列文章的一部分: 设定 基本 建筑 条件 注射 … JUnit 4 忽略Hamcre…

前端程序员书桌上不可缺少的CSS书籍

作为前端,CSS不仅要会,而且要精通,随着各种浏览器规范参差不齐和网页交互多元化的趋势越来越复杂,前端程序员必须要将CSS基础知识打牢。由于现在的框架越来越多,导致很大一部分程序员的工作只是拿着现成的组件布局&…

nodejs 进阶:图片缩小

demo 效果: 代码: /*** Created by ZXW on 2017/10/30.*/ var fs require(fs); var gm require(gm);gm(./不饿.jpg).resize(50, 50,"!").write(./不饿1.jpg, function (err) {if (!err) console.log(done);});2017-10-30 22:10:46转载于:ht…

可能是最先出来的关于介绍使用Vue3的一本书

Vue3 release版本已发布有几个月了,不少公司都已经开始使用vue3开发项目了,市场上的主流的框架如:Vant,Element UI,Taro也都发布了支持Vue3的版本。Vue3很多的开发优势自不必再说,学习上手vue3已经成为每个…