weekly

第 51 期 10/25 vscode.dev Visual Studio Code for the Web

技术热闻

vscode.dev Visual Studio Code for the Web

Node.js 17 is here!

https://medium.com/the-node-js-collection/node-js-17-is-here-8dba1e14e382

云栖大会上，阿里巴巴重磅发布前端知识图谱！

阿里巴巴前端知识图谱，由大阿里众多前端技术专家团历经1年时间精心整理，从初阶 -> 中阶 -> 高阶的维度讲述前端的成长路线。

React全新文档终于来了

https://mp.weixin.qq.com/s/2uA4EXGXYENsymr7LwmhQA

时隔一年，21年10月22日，React新文档Beta版终于上线了。

前端不容你亵渎

在我看来，前后端开发只是分工不同。虽然在大公司内部，后端的高 P 确实比前端多，但也不要忘了，后端开发的人也比前端多的多。真正厉害的人，无论是做前端还是后端，都会对对方做的工作有足够多的敬畏和尊重。

大前端

A Visual Guide to React Rendering - Cheat Sheet

This article serves as a table of contents for a Visual Guide to React Rendering series.

Why hooks are the best thing to happen to React

Originally, React mainly used class components, which can be strenuous at times as you always had to switch between classes, higher-order components, and render props. With React hooks, you can now do all these without switching, using functional components.

Let’s talk about Native HTML Tabs

Open UI is a community group so we can’t technically make HTML (for legal reasons), but we can present research to the W3C working groups.

An Introduction To Quasar Framework: Building Cross-Platform Applications

https://www.smashingmagazine.com/2021/10/introduction-quasar-framework-cross-platform-applications/

Quasar is an open-source Vue.js-based cross-platform framework that allows you, as a developer, to easily build apps for both desktop and mobile using technologies such as Cordova and Electron and writing your code once.

Garfish 微前端实现原理

本次是针对garfish的实现分析。下面会从资源加载入口，资源解析，沙箱环境，代码执行四大块进行分析，了解微前端的主要实现逻辑。

迈向应用研发新时代，前后端一体化研发模式即刻体验

随着 Serverless 基础服务带来的技术红利，前端工程师能够以更低成本和更高可靠性掌控后端的服务。在应用开发过程中不仅仅要考量运维的成本，如何让前端开发架构同后端应用架构结合，来实现应用研发提效，同样是开发者关注的核心，本文将从前后端一体化研发模式的开发实践上同大家一起讨论探索。

一次奇妙深刻的域名在海外解析失败问题排查之旅

域名在海外解析失败，查了一通原来是 DNSSEC 配置错误导致全球大部分 DNS 服务器都丢弃了解析结果，解析失败。而因为中国大陆 DNS 服务器绝大多数都关闭了 DNSSEC 校验，所以在中国大陆能解析，而境外 DNS 全军覆没。

性能分析不一定得用 Profiler，复杂度分析也行

如果提到性能分析，你会想到什么呢？可以做耗时分析、内存占用的的分析。可以用 chrome devtools 的 Profiler，包括 performance 和 memory，分别拿到耗时和内存占用的数据，而且还可以用火焰图做可视化分析。

Source Map在前端监控中的应用和实践

根据压缩代码的报错信息是很难定位错误的，但是，线上代码又必须压缩上传处理。如何平衡？SourceMap正是解决这个矛盾的利器。本文将从Source Map的基本概念及其在前端异常监控中的运用、设计及实践等方面进行介绍。

Monitor your web application with the Reporting API

Setting up the Reporting API gives you peace of mind that when users experience these types of errors, you’ll know, so you can fix them. This post covers what this API can do and how to use it.