为了每周给大家带来更丰富的前端技术内容，我们在阿里经济体范围内策划并共建了全新的《潮流最前端》周刊。来自平侠的每周前端技术文章推荐，来自紫益的每周一篇深度解读的前端精读周刊，来自前端委员会标准化小组的的业界标准化和浏览器讯息，来自侑夕的潮流文章推荐和开源社区的最新动态，来自数据可视化领域的墨者修齐，将在全新的周刊中作为不同的栏目由不同的资深主编继续为大家分享最新的内容，希望大家喜欢并持续关注。
栏目主编：平侠
低代码，要怎么低？和低代码有关的 10 个问题
https://zhuanlan.zhihu.com/p/225987562
或许是因为 Mendix 和 Outsystems 的收购及融资，还有 Gartner/Forrester 的鼓吹（Gartner 甚至预测 4 年后低代码开发会占应用开发的 65% 以上，你敢信？），这两年低代码忽然开始受到关注，不少公司在开发这方面的产品，我们也将 amis 开源项目的介绍改成了「前端低代码框架」，并推出了包含前后端的低代码平台「爱速搭」，本文将谈谈我对低代码的理解，尝试回答这个 10 问题：低代码是什么？之前是否有低代码平台？它们是怎么做的？低代码究竟能解决什么问题...
Make tracking your work easier than ever with Tables
https://blog.google/technology/area-120/tables/
That's why we built Tables, a user-friendly, intuitive work tracking tool, as part of Area 120, Google's in-house incubator for experimental projects. Tables helps teams track work and automate tasks to save time and supercharge collaboration—without any coding required.
Introducing the New JSX Transform
https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html
Upgrading to the new transform is completely optional, but it has a few benefits: With the new transform, you can use JSX without importing React; Depending on your setup, its compiled output may slightly improve the bundle size; It will enable future improvements that reduce the number of concepts you need to learn React.
Towards principled reactive UI
https://raphlinus.github.io/rust/druid/2020/09/25/principled-reactive-ui.html
This is a followup to my post about a year ago, Towards a unified theory of reactive UI. It is a deeper exploration of the question: “what is the best way to express reactive UI in Rust?”. Releadted: 聊聊前端 UI 组件：核心概念.
Microsoft Ignite
https://myignite.microsoft.com/home
Our first ever, all-digital Microsoft Ignite is over—but your experience is just getting started. Browse through our on-demand content collection to revisit your favorite moments or to find something new. 推荐大家国庆期间选择感兴趣的话题去听。
栏目主编：侑夕、紫益
????一周精读????《设计模式 - Abstract Factory 抽象工厂》
https://github.com/dt-fe/weekly/blob/v2/167.精读《设计模式-Abstract Factory抽象工厂》.md
帮你积累不会过时的知识！Abstract Factory（抽象工厂）属于创建型模式，工厂类模式抽象程度从低到高分为：简单工厂模式 -> 工厂模式 -> 抽象工厂模式。意图：提供一个接口以创建一系列相关或相互依赖的对象，而无须指定它们具体的类。
一种新的图片格式 AVIF
https://jakearchibald.com/2020/avif-has-landed/
派生自AV1 视频的关键帧，目前 chrome85 已经支持，Android 很快会被支持，对于可接受质量的图片，有个例子对比 WebP(43k)大小是 JPEG(74k)的一半，而 AVIF(18K)大小居然不到 WebP 的一半，文章从多个方面进行介绍。
双屏和折叠屏一些 Web API 介绍
https://blogs.windows.com/msedgedev/2020/09/14/introducing-dual-screen-foldable-web-apis/
来自微软 Edge 团队的分享，介绍了两个 Chromium 实验特性，一个 CSS 媒体查询 screen-spanning 和一组环境变量来描述折叠屏的几何关系，一个 JS getWindowSegments 窗口枚举 API 用于检测非 DOM 场景。
在Canvas里模拟物体碰撞
https://www.kffhi.com/blog/2020/08/22/Simulating-Object-Collisions-with-Canvas/
从 0 到 1 学习 Canvas能力，原文可见，文章是讲如何在 canvas 里模拟物体碰撞，超级易上手带你一步一步来实现一群粒子碰撞的效果。
Flutter 包大小治理上的探索与实践
https://mp.weixin.qq.com/s/adC-YUWd-xuUlzeAPHzJoQ
美团前端团队对 Flutter 的包大小问题进行了调研和实践，设计并实现了一套基于动态下发的包大小优化方案，本文深入介绍，对于关注 Flutter 的同学可以详细了解。
栏目主编：侑夕
Github @vue/lit
https://github.com/yyx990803/vue-lit
借助lit-html和@vue/reactivity的自定义元素，用 vue 的语法直接写 Web Component 的工具，解释文可见尤大 3 天前发在 GitHub 上的 vue-lit 是啥？
Github Brahmos
https://github.com/brahmosjs/brahmos
一个使用 React API 和原生模版来来写视图的 UI 库，使用 JSX 但是没有 VDOM，可以和vue-lit来对比一下，更多类似可见Superfine、Hyperapp。
instant.page 实时预加载
https://instant.page/
一行代码提速你的网站转化，在用户单击页面之前预加载页面，一般人鼠标放到要点击的链接上，从真正点击下去有预计 100ms 的瞬间延迟，利用此时间差去预加载，有兴趣同学可以借助此思路在业务中二次创新一下。
ARWES 科幻朋克 UI 框架
https://arwes.dev/
18 年的一个面向 Web 应用的未来科幻和网络朋克图形用户界面框架，连文档都是用 ARWES 自举的，动效和音效很有感觉。
Github GrapesJS
https://github.com/artf/grapesjs
一个开源的 NoCode Web Builder 的搭建页面的框架，可见Web 页面 Demo和专题稿 Demo。
Github Repluggable
https://github.com/wix/repluggable
Repluggable 是一个为前端应用实现控制反转的库，可让复杂项目的开发变得更加容易。同时还在 React+Redux 应用中实现了微前端，并计划在未来使其独立于框架。
filters.css - 滤镜样式库
https://bansal.io/filters-css#blur
可以实现超多中颜色滤镜的纯 CSS 样式库，对于图像招聘处理的同学很合适。
10 月 1 日之后，你新建的 GitHub 库默认分支不叫「master」了
https://www.jiqizhixin.com/articles/2020-09-21-10
这个决定并不是最近才做出的，6 月份国外「Black Lives Matter」*活动持续发酵，多个开源项目采取行动替换冒犯性的术语的一个结果。
栏目主编：倞羽、彼洋
Chrome 的 Referrer-Policy 默认值改为 strict-origin-when-cross-origin
https://www.yuque.com/alibabaf2e/gt3np7/nbcb65
在Chrome 85中，还有个很重要的变化：将Referrer-Policy默认值从no-referrer-when-downgrade改为strict-origin-when-cross-origin。本文会详细介绍这个变化，分为以下几个部分：前置知识、变化原因、影响范围、处理方案。
栏目主编：十吾
What Time Are Babies Born?
https://public.tableau.com/profile/agata1619#!/vizhome/Whattimearebabiesborn/Whattimearebabiesborn
你或许认为，婴儿出生的时间是完全随机的，但实际上，每时每刻出生的婴儿人数是完全不同的。周一到周日出生的婴儿人数也有所不同，工作日出生的婴儿明显多于周末。
一线人生：The Stories Behind the Line
https://www.behance.net/gallery/57105295/The-Stories-Behind-a-Line
作者通过参与大量的社会采访，获得了许多被采访者分享的过去回忆。作者将数据和数字（旅行的公里数，花费的时间，交通情况）转化成为可视化来讲述他们的故事。这个可视化作品使得这些信息以其简单性从而可以真正描绘出那些寻求更好生活的人们所经历的艰辛和危险的经历。
G6 3.8 发布
https://zhuanlan.zhihu.com/p/259228567
是一款开源的图可视化与分析引擎，专注于关系数据。V3.8 推出交互式文档、边滤镜、*的鱼眼放大镜、多种可播放的时间轴组件等。 GitHub：https://github.com/antvis/G6。官网：https://antv-g6.gitee.io/zh。
查看更多：https://www.yuque.com/mo-college/weekly/qy1ieb
栏目主编：平侠、侑夕
If Big Tech Is Toxic, How Do We Build Something Better?
http://blog.archive.org/2020/09/24/dweb-panel-if-big-tech-is-toxic-how-do-we-build-something-better/
The panelists included author & EFF advisor Cory Doctorow, Matrix.org co-founder Amandine Le Pape, decentralized social media researcher Jay Graber, and TechDirt’s Mike Masnick. They covered a range of approaches — including technical, regulatory, and organizational — that could bring us towards a future where our networks are more resilient, participatory, and decentralized.
Intuitive Design? No Such Thing!
https://www.smashingmagazine.com/2020/09/intuitive-design/
“Intuitive design” is one of those overused phrases that we as designers hear all too often from stakeholders and their requirements. This article explores what intuitive design actually means, why it doesn’t make sense, how we can better approach design solutions, and what the future of interfaces might look like. It is aimed at user experience designers and anyone interested exploring these concepts in greater detail.
百度方法论：接天入地，曲直向前
https://mp.weixin.qq.com/s/MgUNEfkgxK-tuD0K6lBZew
百度的整体的方法论就是“攀登珠峰，沿路下蛋。”攀登珠峰就是要顶天，向前，百度就是要做AI芯片和操作系统，做AI应用的皇冠无人驾驶，有做集大成者的勇气和决心。而沿路下蛋就是要接地气，要曲曲折折，广纳支流，打磨技术，和光同尘。不怕慢，不用急，不管别人眼色。
一位 iOS 开发者的进阶之旅
https://mp.weixin.qq.com/s/cKuVFRPUnnScLM3y26mgIQ
原文大部分内容来自V2EX-iOS 开发有什么国人写的比较好的书籍推荐？，看完这个很有触动，对于想学习 iOS 的前端同学可以参考。
Podfile 的解析逻辑
https://mp.weixin.qq.com/s/f9YcS9eYS_RShLsTXS-SvA
iOS 开发里面的 Podfile 文件可以类比前端开发的 package.json，文章先从 Xcode 工程结构讲到 CocoaPods-Core，最后到精细化的 Podfile 配置，一篇文章带你了解 CocoaPods 的全部。
机器学习基石课程笔记
https://juejin.im/post/6859697422605598734
本系列是*大学资讯工程系林軒田（Hsuan-Tien Lin）教授开设的《机器学习基石》课程的梳理，从机器什么时候、为什么、怎么学习、怎么学习更好4 个部分来讲述。
Figma Config 又给我们带来了什么新特性？
https://mp.weixin.qq.com/s/-xcDU5Q0c0-AMj8NNcCgZQ
Figma传说是设计师中的 Github，今年大会主题是《让设计和代码连接更紧密》，此文为一些新特性预告讲解。
论某德阳神秘乱码
https://zhuanlan.zhihu.com/p/258567705
知乎专栏里面一篇很有趣的文章，德阳市发布的《致德阳市民的一封信》全部是整齐“乱码”文，很神奇的操作最后给转回去了，也可借此了解一下 中文编码。
中国大周期及其货币
https://finance.sina.com.cn/china/gncj/2020-09-21/doc-iivhvpwy8038347.shtml
桥水基金创始人达利欧的一篇最新长文，剖析了中国的历史更替脉络，以及中国人的思维方式、运作方式，并着重分析了从 1949 年到现在的中国崛起之路，可深入一读
关注「Alibaba F2E」
把握阿里巴巴前端新动向