转载-节选-科技爱好者周刊节选（172期）
科技爱好者周刊（第 172 期）：我们会死于气候灾难吗？前言本文节选自阮一峰老师的《科技爱好者周刊》第172期。
《周刊》链接：科技爱好者周刊172期
正文科技动态 部分：
音乐消费量下降
一项研究发现，自从新冠疫情爆发以后，音乐流媒体的消费量大约下降了10%，使得全球最大音乐网站之一的 Spotify 收入减少。
这很奇怪，人们在隔离期间无事可做，反而减少了听音乐。
原因可能是，音乐并不是独立的娱乐活动，而往往是对其他活动（比如上下班期间）的补充。一旦人们减少了其它活动，音乐消费也随之减少。
酒驾监控系统
最近，美国国会通过一项法律，规定2027年后生产的所有汽车都必须配备酒驾监控系统，防止驾驶员酒后驾车。美国每年因为酒后驾车，有超过10000人丧生。
但是，麻烦的是目前还没有任何技术，能够主动发现酒后驾车。美国政府正在研究两种有希望的方案。一种是检测车内空气，找出空气里面的酒精成分，这种方法的问题是，无法区分酒精来自驾驶员的呼吸，还是来自乘客的呼吸。
另一种方案是在引擎按钮上，装备一个红外线触摸传感器，通过皮肤检测血液中的酒精含量。
文章 部分：
MDN 如何实现自 ...
How JavaScript works - Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
How JavaScript works - Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
Javascript 工作原理 - 深入理解WebSockets和带有SSE机制的Http/2以及正确的使用姿势
This is post # 5 of the series dedicated to exploring JavaScript。
这是 Javascript 工作原理系列的第五章。
This time we’ll dive into the world of communication protocols, mapping and discussing their attributes and building parts on the way. We’ll offer a quick comparison of WebSockets and HTTP/2. At the end, we share some ideas on how to choose which way ...
如何对图片主题色进行提取
如何对图片主题色进行提取前言本文转载于公众号『前端森林』，对作者前端森林表示感谢。
并非原文转载，里面部分代码及文字按照个人风格做了修改，但最终效果一致。
网易云特效在网易云听歌时，发现了一个很有意思的特效：就是切换歌曲时，会根据当前封面替换背景色。
首先我构思了很多它可能的实现方式：
机器学习对图片进行色彩分析
前端提取图片主色调，做渐变处理
封面背景图做高斯模糊
对于第一种，他不在我的知识范围内，这里就不展开说明了。
第二种的话，一般都是利用canvas来实现。
第三种相对来说，从技术层面来看，实现上是最为简单的。
做了猜测分析后，我默默打开了熟悉的 Chrome 控制台，打开了网易云音乐的源代码：
好家伙，果然是第三种实现方式。
本来到这里，本文就该结束了。但之前也有朋友问过我如何对前端图片主题色进行提取的问题，正好之前也做过类似的需求，这里就展开做个说明吧。
我们这里以一个图片网站为例，来展示实际业务中应用较广的场景：
在弱网下，图片加载速度较慢，此时在图片完全加载之前，提取图片的主色调，然后填充为背景色。这样用户体验能有较大的提升。
那具体是怎么实现的呢？
我们这里采 ...
转载-节选-科技爱好者周刊节选（171期）
科技爱好者周刊（第 171 期）：云服务流量有多贵？前言本文节选自阮一峰老师的《科技爱好者周刊》第171期。
《周刊》链接：科技爱好者周刊171期
正文云服务流量有多贵 部分结论：
小网站尽量不要托管在大型云服务商那里，流量费用实在吃不消。如果不得不放在上面，那就必须设法降低或转移流量，比如使用 CDN。
科技动态 部分：
本田电动平衡车
日本摩托车厂商本田公司，推出了全新设计的单轮电动平衡车，令人耳目一新。这种车比摩托车成本更低、更节省空间。
别说这小车挺中我意的~~
人工智能的读图会意
人工智能在图像学的应用，取得了新进展。
8月12日，阿里巴巴达摩院研发的 AliceMind 系统（已在 GitHub 开源），在2021国际 VQA 挑战赛中，获得榜首成绩后，再次刷新了 VQA 得分纪录，首次超越人类的分数。
所谓 VQA（Visual Question Answering） 指的是视觉问答，简单说，就是根据图片回答问题，属于视觉-文本推理，也叫做”读图会意”，是更高层次的”图像识别”。
请看下图，图像识别工具会认出是一架飞机，而视觉问答工具则会尝试理解这张图片 ...
为什么设备欺骗变得几乎不可能
为什么设备欺骗变得几乎不可能原文链接：Why mimicking a device is becoming almost impossible
如果你看过昆汀·塔伦蒂诺（Quentin Tarantino）的电影《无耻混蛋》，你可能还记得一个酒吧场景，一名英国的间谍作为纳粹官员的卧底，一个无意识的手势暴露了他的身份。
虽然他穿着纳粹制服，德语说得很好，但他的一个小细节暴露了自己：他的手指。 再点三品脱时，他不用拇指、食指和中指（像德国人那样），而是用无名指、中指和食指。 餐桌旁的另一名官员立即认出这个微妙的细节是明显的英语国家。
我们任何一个需要在网上工作的人都面临同样的状况。如果你忽略了一些看似次要的关键点而放松警惕，那么就很容易导致身份泄露。在本文，我们将进入设备检测的世界，并展示为什么以及如何模仿设备变得几乎不可能。
在深入探讨之前，让我们快速了解一下为什么系统会尝试检测设备——这也是人们尝试检测或模拟设备的原因。
为什么系统会尝试检测设备？在浏览器的早期和随后的“浏览器战争”中，多如牛毛的浏览器供应商意味着开发人员需要了解是哪个供应商开发的哪个客户端连接到他们的网站，然后他们 ...
转载-节选-科技爱好者周刊节选（170期）
科技爱好者周刊（第 170 期）：软件订阅制的胜利前言本文节选自阮一峰老师的《科技爱好者周刊》第170期。
《周刊》链接：科技爱好者周刊170期
正文
一个摄影师在荷兰拍到了一只倒着飞的鹅。
科技动态 部分：
印度空气净化扇
印度首都新德里，是世界空气最脏的城市之一。最近，市中心的豪华购物区耗资200万美元，建造了一个空气净化装置，40 台巨型风扇同时过滤空气。
这个装置是一个 25 米高的风扇塔，预计将于本月完工。它的目的是为旁边的商业街和咖啡馆，提供大约一平方公里范围的干净空气。目前尚无法知道，该方法是否真能奏效。
刚看到时，感觉挺扯的，但是，后来一想是印度，那就没事了；对于这个魔幻的国家，我觉得它做出什么事情来都是正常的。包括之前的疫情防控更是花样百出，总结一句话：什么都信，就是不信科学~~
投篮机器人
东京奥运会的第一场男子篮球比赛（美国对法国），中场休息时，丰田公司的一个投篮机器人为观众表演超准的三分球，可以在中圈命中蓝框。非常精彩。
视频链接
这个机器人身高2米04，是丰田公司17位工程师在业余时间研制的。它采用人工智能算法，会利用重复投篮进行数据调整，最终实 ...
转载-节选-科技爱好者周刊节选（169期）
科技爱好者周刊节选（169期）-五菱汽车的产品设计前言本文节选自阮一峰老师的《科技爱好者周刊》第169期。
《周刊》链接：科技爱好者周刊169期
正文科技动态 部分：
闪烁灯光的代码
有人发现，2020年发布的游戏 Alyx，里面地下室的闪烁灯光，跟1998年发售的《半条命》是一样的，说明它们使用的是同样的代码。大家仔细看下面的游戏视频，两者闪烁灯光的模式和频率完全一样。
它的代码实现，是使用一个字符串mmamammmmmammamamaaamammma表示灯光亮度变化的顺序，a 表示暗，m 表示亮。这个技巧最早是1996年 John Carmack 在雷神之锤（Quake）里使用的。
沼气摩托车
一个荷兰艺术家将一辆二手摩托车，改建成使用沼气（主要成分甲烷）作为燃料。摩托车的尾部挂了一个大瓶子，用来存储沼气。
加气时，需要使用一个特殊装置，到池塘和沟渠去收集有机物质分解或腐烂所释放的甲烷。
收集8个小时的沼气，可以行驶20公里。这个项目的主要目的，是为了提醒公众环境保护。
这… 可以的 😎 佩服
文章 部分：
3D 打印的汽车配件
福特公司在美国新发布的 Ma ...
转载-节选-科技爱好者周刊节选（168期）
科技爱好者周刊节选（168期）前言本文是《科技爱好者周刊》（以下简称《周刊》）节选的第一篇，节选自《周刊》第168期。
最近看到阮一峰老师的网络日志科技周刊，发现里面有很多有意思的东西，节选一些自己感觉好玩的、有意思的一些内容到本文。
《周刊》链接：科技爱好者周刊168期
正文在第一部分 游戏：《底特律：变人》 这一节中有一段话让我很喜欢：
这个游戏是一个最好的例子，说明了 电子游戏这种东西，不仅仅是娱乐和生意，而是一个很宽泛的载体，只要你想，就有办法让它承载各种不同的东西。 完全可以让它像小说一样，用来表达作者的爱憎和抒情，或者像哲学家一样，引发人们对社会和命运的思索。
随着年龄的增长，玩游戏的目的也悄然发生着变化。我们希望游戏可以带给我们除了娱乐、刺激之外一些不一样的东西。不要对抗、不要有排名、输赢，只要跟着游戏的情结去体验不一样的人生，去认识游戏中的世界，这也别有一番滋味在其中。
第二部分 科技动态 中有几个事情让我印象深刻：
时速600公里的磁浮列车
7月20日，四方机车公司在青岛发布世界首辆时速600公里的磁悬浮列车。一旦投入应用，这将是当前世界速度最快的地面交通工具 ...
JS 图片压缩
JS 图片压缩背景文章转载于了解JS压缩图片，这一篇就够了。跟着文章的思路梳理了一下图片压缩的方法，以及Image对象、data URL、Canvas和 File (Blob)之间的转化关系。对文章作者wuwhs表示感谢。
本文代码github地址：
下面正文开始。
前言公司的移动端业务需要在用户上传图片是由前端压缩图片大小，再上传到服务器，这样可以减少移动端上行流量，减少用户上传等待时长，优化用户体验。
JavaScript 操作压缩图片原理不难，已有成熟 API，然而在实际输出压缩后结果却总有意外，有些图片竟会越压缩越大，加之终端（手机）类型众多，有些手机压缩图片甚至变黑。
所以本文将试图解决如下问题
弄清楚Image对象、data URL、Canvas和File(Blob)之间的转化关系
图片压缩的关键
超大图片压缩黑屏问题
转化关系在实际应用中有可能使用的情境：大多时候我们直接读取用户上传的 File 对象，读写到画布（canvas）上，利用 Canvas 的 API 进行压缩，完成压缩之后再转成 File（Blob） 对象，上传到远程图片服务器；不妨有时候我们也需要 ...
How JavaScript works - Event loop and the rise of Async programming + 5 ways to better coding with async/await
How JavaScript works - Event loop and the rise of Async programming + 5 ways to better coding with async/await
Javascript工作原理：事件循环及异步编程的出现 + 5种更好的async/await编程方式
This time we’ll expand on our first post by reviewing the drawbacks to programming in a single-threaded environment and how to overcome them using the Event Loop and async/await in order to build stunning JavaScript UIs. As the tradition goes, at the end of the article we’ll share 5 tips on how to write cleaner code with async/await.
...
.jpg)