本周热点
栏目主编：平侠
官宣！前端热爱，技术*，第十五届 D2 前端技术论坛，我们云端相聚！
https://mp.weixin.qq.com/s/xucSDGSEVW_ln_bAzBuq9Q
前端小伙伴们大家好，很开心在 1024 程序员节即将到来之际跟大家分享今年 D2 的最新消息。在 D2 走过那些年里，伴随了前端见证了大前端领域翻天覆地的变化。如今，跨端的研发、全栈的探索、智能化的代码生成、云端一体研发等，前端总在用自己的创新和活力来重新定义着“未来前端”。在这个特别的 2020 年，前端热爱，技术*，第十五届 D2 前端技术论坛，我们相信将最优质的内容和最前沿的技术趋势带给前端开发者会是最好的礼物！过去的14届D2里面汇集了无数前端的心血和情怀，今年我们也希望能够集大家之力，让我们的D2普惠到更多的前端开发者，请大家帮忙一起转发，一起扩散，让更多人看到！！（上优酷搜“ D2前端技术论坛”马上参与）
React v17.0
https://reactjs.org/blog/2020/10/20/react-v17.html
The React 17 release is unusual because it doesn’t add any new developer-facing features. Instead, this release is primarily focused on making it easier to upgrade React itself. In particular, React 17 is a “stepping stone” release that makes it safer to embed a tree managed by one version of React inside a tree managed by a different version of React. It also makes it easier to embed React into apps built with other technologies. Releated: What Vue.js Does Better Than React.
Node.js v15.0.0 is here!
https://nodejs.medium.com/node-js-v15-0-0-is-here-deb00750f278
Just some of the features delivered in Node.js 15: AbortController, N-API Version 7, npm 7, Throw on unhandled rejections, QUIC (experimental), V8 8.6.
The Tyranny of Metrics
https://nemethgergely.com/blog/the-tyranny-of-metrics
There seems to be a growing trend in technology--and in all aspects of our lives, really--to measure everything: business outcomes, organizational success, and individual performance. I wrote about engineering productivity and how I disagree with measuring individual performance based on metrics before, so I was excited to start reading The Tyranny of Metrics by Jerry Z. Muller. In the book, Muller draws on both Campbell and Goodhart's expertise, then provides more insights on metrics fixation and the detrimental effects they have on our everyday life. Sometimes, the best metric is no metric.
Solid Relevance
http://blog.cleancoder.com/uncle-bob/2020/10/18/Solid-Relevance.html
The SOLID principles remain as relevant to day as they were in the 90s (and indeed before that). This is because software hasn’t changed all that much in all those years — and that is because software hasn’t change all that much since 1945 when Turing wrote the first lines of code for an electronic computer. Software is still if statements, while loops, and assignment statements — Sequence, Selection, and Iteration. Every new generation likes to think that their world is vastly different from the generation before. Every new generation is wrong about that; which is something that every new generation learns once the next new generation comes along to tell them how much everything has changed. So let’s walk through the principles, one by one.
深度阅读
栏目主编：侑夕、紫益
????一周精读????《设计模式 - Prototype 原型模式》
https://github.com/dt-fe/weekly/170.精读《设计模式 - Prototype 原型模式》.md
通过三个生动的例子与 JS 示例代码，帮助前端的你理解设计模式，让我们一起积累不过时的知识！
Prototype（原型模式）属于创建型模式，既不是工厂也不是直接 New，而是以拷贝的方式创建对象。意图：用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新的对象。
2020 年你不应该错过的 CSS 新特性
https://mp.weixin.qq.com/s/n8E9htw0xXMyxHALLae_Eg
作者从 2020 第四届伦敦 CSS 分享会what's new in 2020 PPT出发，加上自己了解的角度讲了近 24 个新特性，很是值得大伙研究。
聊聊 ESM、Bundle 、Bundleless 、Vite 、Snowpack
https://segmentfault.com/a/1190000025137845
之前潮流周刊第 5 期有介绍过用「其他语言来写 JS 工具」，刚好看到一篇国内文章将这几个都讲了一遍如何使用，可全面学习下。
Meet Face ID and Touch ID for the Web
https://webkit.org/blog/11312/meet-face-id-and-touch-id-for-the-web/
来做 webkit 官方一篇 Blog，将 Face ID 和 Touch ID 应用到 Web 中，一种很好的代替密码登录的方式，很是期待早日落地。
阿里拍卖全链路导购策略首次揭秘
https://mp.weixin.qq.com/s/pMrs8JiJGrzIOhtDHGlutA
技术和业务的关系一般都是密不可分的，通过此文来深入了解下阿里拍卖的全链路导购策略技术吧。
计算机网络基础知识总结
https://juejin.im/post/6885468617580904455
很像大学计算机网络考试前整理的书本知识笔记，讲到发展历程、协议、网络核心概念、物理媒介等内容，对于已工作的前端同学可当做看教科书式复习一波~
开源资讯
主编：侑夕
Auto.js-安卓平台上的 JavaScript 自动化工具
https://github.com/hyb1996/Auto.js
目前网络上薅羊毛用的一个神器工具，借此来完成一些自动化的点击、领取，有 Android 的同学可去玩玩。
FingerprintJS-现代灵活的浏览器指纹库
https://github.com/fingerprintjs/fingerprintjs
从浏览器指纹生成用户的唯一标识符，Fingerprint 和 cookies 以及本地存储不同，它在隐私模式下甚至在清除浏览器数据下依然有效，值得一试。
SpaceVim 模块化 Vim 配置环境
https://github.com/SpaceVim/SpaceVim
SpaceVim 是一个模块化的 Vim 集成配置环境，以模块的方式组织插件，同时为不同的语言开发量身定制了相关的开发模块，这些模块通常包括自动补全， 语法检查、格式化、调试、REPL 等相关功能，Vim 爱好者应该比较熟悉的一个工具。
Actionsflow-代替 IFTTT 的开源自动工具流
https://actionsflow.github.io/docs/
使用 Actionsflow，可以连接你喜欢的应用、数据和 api，在操作发生时做一些接收通知，同步文件，收集数据自动化的事情。
ChineseBQB-中国表情包大集合
https://github.com/zhaoolee/ChineseBQB
原来真的有系列，有同学居然将表情包大部分给收集整理起来了，感觉可以拿着这个和输入法、聊天工具做一些有趣结合事情。
CSS 前沿
主编：大漠
2020年CSS发展调查开始了
2020年CSS发展状态的调查开启了，为了能让CSS发展的更好，请花一点点时间完成该调查。
CSS Background Patterns
https://www.magicpattern.design/tools/css-backgrounds
纯CSS绘制的纹理。没有CSS做不到的，只有你想不到的。
4 things you need to know about Atomic Design
https://uxdesign.cc/4-things-you-need-to-know-about-atomic-design-e0d3e8269420
如果你不太喜欢BEM，更爱Atomic Design的话，那么这篇文章会告诉你使用Atomic Design需要特别注意的四个点。
1个Div可以做什么：1个div和CSS绘制的收音机
https://codepen.io/lynnandtonic/full/GRqoEqZ
这一期给大家展示的Demo是，使用一个 div 和CSS绘制收音机！
BEM Visually Explained
https://medium.com/@JonUK/bem-visually-explained-6e869373bbfd
如果你总是被类名的命名感到困惑和选择器权重冲突带来烦恼，那么BEM是可选方式之一。而且BEM也是众多CSS方法论中最被认可之一，这篇文章用图解的方式向大家阐释了BEM在实际项目中应该如何使用。
Why do [most] developers hate CSS?
https://uxdesign.cc/why-do-most-developers-hate-css-63c92bce36ed
都说CSS很简单，但又都说CSS不容易。估计也正是因为这个，才让开发者讨厌CSS。文章中聊了聊为什么开发者会讨厌CSS，如果你也是讨厌她，那么可以看看文章中的观点和你是不是同样的。
Beautiful Custom List Styles Using Modern CSS
https://medium.com/front-end-weekly/custom-list-styles-using-marker-710ad80ce760
美化列表标记符，以往更多使用的是 list-style ，但从现在开始，我们可以开始使用真正的列表标记符 ::marker 来美化列表，还可以列表标记符加样式。
标准化动态
主编：彼洋
Chrome 86 特性 Cache Partition (缓存分区) 解读
https://www.yuque.com/docs/share/81e9e6f1-8371-4ee4-89d9-6a869c108121
2020年10月份发布的 Chrome 86 中， 还有一项重要特性。为了保护隐私，它改变了浏览器核心缓存组件 HTTP Cache的工作方式，开始启用“缓存分区 (cache partitioning)”机制。从此，不同站点将无法使用同一缓存资源。
墨者修齐
主编：十吾
全球空气质量一览
https://public.tableau.com/en-gb/gallery/air-we-breathe?tab=viz-of-the-day&type=viz-of-the-day
Christian Felix 制作的这幅信息可视化作品研究了全球空气污染的现状，以PM2.5以及其他相关指标来评估每个城市的空气污染程度。
U.S. Wind Map
这是美国 15 年的一个动态风速可视化项目，模拟了全国各地的风速和方向。
创作例程
https://www.informationisbeautifulawards.com/showcase/483-creative-routines
创作者（作曲家，画家，作家，科学家，哲学家）如何找到时间创作作品？梅森·柯瑞（Mason Currey）调查了数百名创意者为了节省时间，每天工作而运用的严格的“每日仪式”。有些人遵循相同的纪律制度数十年，而另一些人则只有在从事特定作品时才锁定模式。“创意例程”将 Currey 研究的例程可视化。
查看更多墨者修齐：https://www.yuque.com/mo-college/weekly/tnhea5#se0qr
它山之石
栏目主编：平侠、侑夕
State-Switch Controls: The Infamous Case of the "Mute" Button
https://www.nngroup.com/articles/state-switch-buttons/
Summary: On–off controls that switch between two different system states need to clearly communicate to users both the current state and the state the system will move to, should the user press that control.
Atlassian - Moving to a cloud future, together
https://www.atlassian.com/migration/journey-to-cloud
Today, the majority of you already benefit from the advantages of cloud, with more server and Data Center customers making the switch every day. To ensure we’re delivering the cloud experience you deserve, we’re sharpening our focus as a cloud-first company and making bold changes to our self-managed offerings.
王兴：别轻视自己，别迷信他人
https://mp.weixin.qq.com/s/-8sC4WICGmSFhIbbfEa0_A
本文为清华大学共青团团委举办“对话王兴：20年，从心出发”主题活动，清华1997级电子系校友王兴，在蒙民伟音乐厅向清华学子，分享人生经验与创业历程，并提出三点建议：第一，别太不把自己当回事；第二，也别太把自己当回事；第三，也别太把别人当回事，但要把客户当头等事。
只有平庸的人，才总是处于最佳状态
https://mp.weixin.qq.com/s/HAI71-EXSdNYlDGm3MGSzw
如今，管理者面临越来越复杂的问题，也面临越来越不确定的变化，管理者要锻炼哪几种特质呢？最近，思考的时间比平时多了一些。借此机会，就把我最近的思考，看到的一些好句子，梳理成给管理者的8个建议，分享给你，希望对你有所启发。我们一个一个说。
OnRL: 基于在线强化学习的移动视频传输优化
https://mp.weixin.qq.com/s/YPgxinHa_mGQ82waLqNDqA
从 2019 年开始，淘系技术部内容社交互动团队和北京邮电大学周安福教授一起着手研究更好的基于机器学习的智能拥塞控制算法，在实验室环境完成原型验证后在淘宝直播的生产环境做实际效果对比，从实际数据来看效果明显，后面梳理出这篇总结。
浏览器是如何调度进程和线程的？
https://mp.weixin.qq.com/s/bkSmKYGHk0V5eZIfuSTNyQ
作者以 Chrome 为例，给你浅显介绍线程和进程这两个概念，看完后再去学习 JavaScript 的执行机制会更便于理解。
iOS 性能优化：优化 App 启动速度
https://mp.weixin.qq.com/s/h3vB_zEJBAHCfGmD5EkMcw
从 iOS 启动的名词解释、启动介绍、测试 App 启动时间最后到使用 Instruments 分析和优化 App 启动过程以及如何监控时间来一一介绍，前端同学可当做科普文来看。
手机建筑摄影：从理解建筑之美开始
https://daily.zhihu.com/story/9729231
本文主要从设计角度讲手机建筑摄影，看完后很有一种「建筑是凝固的音乐」的完美诠释，也不由播放起「重塑雕像的权利」的音乐。
作弊与反作弊的较量：分屏器真的安全吗？
https://zhuanlan.zhihu.com/p/155819108
不少高校由于疫情将考试从线下搬到了线上，但不同于线下，线上监考由于增加了更多不可控因素，作者用尽可能通俗易懂的方式，向大家分享一些作弊与反作弊的知识，很是潮流。
关注「Alibaba F2E」
把握阿里巴巴前端新动向