weekly
第 92 期 08/22 ArchSummit 2021 & 终端组织与技术架构的思考
Source: What’s New in the 2022 Gartner Hype Cycle for Emerging Technologies
技术热闻
推迟一年的 archsubmit 会议上周召开，只听了一个下午场，推荐架构师如何弥合理想与现实的冲突。 推荐理由：虽然聊的是架构师面临的问题->解决思路->工具->方法，但是对于其他级别的程序员，也同样具备学习价值。其中第二节纾困虚实失衡一节中，提到四种训练方式，作者列举了具体的实例和思考过程，辅助读者理解、学习和实践，大赞。如果说成长有捷径，那肯定是离不开勤思考，有深度的思考。怎么思考呢，或许可以用用四种训练方式。
At present, no standards for 6G have been developed or published, simply because there is still significant work that needs to be done, particularly with respect to managing the technology’s power consumption and signal propagation for the transmission of wireless signals.
Don’t call it a comeback: Why Java is still champ
No matter what ranking system you look at, Java has been sitting among the top three languages since shortly after its launch in 1995.
What’s New in the 2022 Gartner Hype Cycle for Emerging Technologies
Emerging technologies for 2022 fit into three main themes: evolving/expanding immersive experiences, accelerated artificial intelligence automation, and optimized technologist delivery.
大前端
CSS
The outline property is the perfect candidate for this job for several reasons.
- outline doesn’t break layout.
- You can add spacing between the content and the outline using outline-offset
- You can customize the width, style, and color.
- outline works great in forced color modes like Windows High Contrast Mode (WHCM)
The Mine: No JS, CSS only adventure game
System.css is a CSS library for building interfaces that resemble Apple’s System OS which ran from 1984-1991. Design-wise, not much really changed from System 1 to System 6; however this library is based on System 6 as it was the final monochrome version of MacOS.
JavaScript
Why Async/Await Is More Than Just Syntactic Sugar
The point I’d like to make in this post is that async/await is more than syntactic sugar on top of Promise, as async/await does offer tangible benefits:
- async/await allows us to use all the language constructs that are available in synchronous programming, resulting in more expressive and readable code;
- async/await unifies the experience of asynchronous programming; and
- async/await provides better error stack trace;
How the V8 engine works
Optimizing for JavaScript is hard
JavaScript is a very hard language to optimize, especially as a compilation target. Since Elm compiles to JavaScript and I occasionally like to try out optimization ideas, optimizing JavaScript is a problem I’m then confronted with.
JSX
《图形语法》是 F2 数据可视化的核心理论，而图形语法的核心是通过一套抽象的语法来描述任意的统计图表。总结下来，我们选用 JSX 就是看中 JSX 的可编程性、易扩展性、完整的结构描述和成熟的配套，不仅是当下对编程友好度、业务复杂度的考虑，还有未来面向搭建和智能化友好的 JSON， 都是一种很好的选择。
小程序
所谓大屏小程序，是以 Cube 小程序技术栈 为载体，运行在智能电视或智能机顶盒等设备上的一种小程序形态。正是因为这些智能电视或智能机顶盒天然存在的硬件上的瓶颈，且运行在这些智能电视或智能机顶盒上的Android 应用程序在版本发布上受行业广电监管以及硬件厂商的限制诸多，每年只有几次的版本发布迭代窗口。所以亟需一种更小、更快、更省的动态化技术栈来解决用户设备升级周期长，客户端版本长尾问题。
今天要给大家分享的也正是目前在 GitHub 很热门的前端容器技术 —— FinClip 。小程序容器技术，可以让小程序脱离微信环境最快运行在自有APP和其他终端设备中」
Deno
In this post we will share the learnings from our recent survey and more generally the feedback across our community. We’ll discuss how we’re addressing this feedback and the features to expect from Deno in the coming months.
- We’ve been working on some updates that will allow Deno to easily import npm packages and make the vast majority of npm packages work in Deno within the next three months.
- Our goal is to make Deno the fastest JavaScript runtime. For starters, the next release of Deno will include a new HTTP server. It is the fastest JavaScript web server ever built.
- Given the extensive use of Deno by developers at large companies and founders, we’ll be launching office hours for those of you employing Deno in a commercial setting. Please apply here.
- Deno recently passed 4.1m downloads on GitHub with 250k monthly active users.
Bun
JavaScript’s Newest Framework: Bun. Will It Take Node’s Crown?
Not only is Bun fast, it feels fast. It feels like you can do anything in under a second. Will Bun replace Node? It’s too early to say.
Android
Android 边播放边缓存视频框架AndroidVideoCache简析
内容如题，AndroidVideoCache原理和源码解析的硬文。
Flutter
本文介绍flutter端状态刷新的一种新的思路和尝试，通过dart的扩展属性，定义一个观察者模式，去更新widget的状态，以及如何在widget的生命周期寻找一个切入点，建立订阅关系。
Chrome
朋友们，一起学习下 Chrome DevTools Protocol
作者从DevTools的发展史展开，介绍了DevTools的架构，以Tracing 的协议为例，介绍了定义、调试、使用的具体细节。
VSCode
Introducing the Markdown Language Server
A project that I think represents the next step for VS Code’s Markdown tooling: a Markdown Language Server. What really gets me excited about the Markdown Language Server is that now the project is bigger than just VS Code.
Astro
种子轮融资 700 w，Astro 的正式发布给前端界带来了什么？
借着正式发版的机会，这几天熟悉了一下 Astro 1.0，发现了很多有意思的地方，下文会分别从团队背景、框架定位和核心优势几个维度给大家展开介绍，最后也会推荐一些学习资料。
安全
上周有一起安全事件。两家著名的美国互联网公司—-Twillo 和 Cloudflare—-被攻击了，前者还被攻破了。这两家都不是普通公司，技术很强，都采用了”双因素认证”，但还是被有效攻击了。它们事后披露了一些细节，我觉得值得谈一下，聊聊怎么保护帐号安全。 这个事件的教训就是，目前最安全的认证方法应该是密码 + 物理密钥。问题在于，物理密钥的价格较高，便宜的也要一两百元人民币，普通用户不可能购买。好在 Web Authentication 技术正在推广，它允许把手机当作物理密钥，或者网站可以调用本机的指纹识别（或人脸识别)进行认证。
数据可视化
本文基于数据可视化的领域特征，从数据入手，在常见的面向时间的可视化形式做了简单总结。主要目的是增强我们自研的统计图表能力，所以对三维展现形式，多维数据场景并没有涉及。
技术选型
作者最近在搭建组件库的技术文档站， 经过一番考虑最终选用 Storybook 作为组件库文档的技术方案，这篇文章详细记录了整个技术选型的思考过程。最终的建议是
- 如果你项目架子本身就是依赖于umi的 可以使用 dumi 去做项目搭建
- 如果你是webpack4 建议升级到 webapck5 ,不然 你体会不到webpack5 带来的快速发展模式
- 如果你是新项目，可以采用 vite 作为构建工具。
行业资讯
https://ide.cloud.tencent.com/dashboard/workspace
8月15日，腾讯云发布一站式云端开发工具Cloud Studio ，支持开发者利用Web IDE（集成开发环境），实现远程协作开发和应用部署。Cloud Studio相当于将本地开发环境搬上了云端，让开发人员可以远程查看、编辑、部署代码，就像使用腾讯文档一样进行协作。
Jira 的笨重，导致了软件巨头 Atlassian 走上下坡路？
Atlassian在成立的第一个十年中能够如此快速地增长，且实现了盈利，究其原因主要是几乎没有在营销上花费任何费用，而是依靠“以产品为主导的增长”。更糟糕的是，Atlassian的Jira产品很笨重，十年来几乎没有任何进步。
Build native apps fast with Retool Mobile
With Retool Mobile, you build mobile apps by assembling pre-built native components, connecting them to any database or API, and customizing the experience using SQL and JavaScript. No mobile expertise required.
设计
An Introduction to Constraint Based Design Systems
My intent is to present a rigorous conceptual foundation from which any effective design system on the web may be constructed or analyzed.
文章是篇软广，但是确实也说出了当前设计师职责边界的变化： 与之前拿到产品原型或交互原型直接设计界面，输出设计规范的阶段不同。越来越越多的公司需要从业务、产品、交互层面进行深入和独立思考的设计师。而不是当一个简单的开源组件拼图工或切图仔。
启发
本文仅以个人观点阐述未来的端研发趋势和人才岗位结构趋势的要求，进而引出闲鱼技术团队今天要做的事情： 终端行业的趋势变化、未来研发模式构想及路径。
How do you turn a weakness into a strength?
一个很好的问题，下面有很多讨论，感兴趣的可以去读读。
确保工作如期完成的7个方法
欢迎加入，一起共建「前端周刊」