前端技术观察第11期 – 解密 VS Code 断点调试的原理

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块：

• Highlights

• 优秀的工具、库

• 好的教程、深度解读已有技术的文章

• 业界最新的技术、热点文章

• 业界对（新）技术的深度地、优秀地实践

• Tutorial

• Tools And Codes

《前端技术观察》的目的是让大家：

• 更及时的了解到业界最新的技术

• 受益于高质量的教程、文章

• 了解业界更优秀的代码、工具

• 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

Node Gains Enabled-By-Default Support for ECMAScript Modules(英)

Node.js 13.2.0 默认启用了 ES Modules 支持，目前官方对其标记为 Stability: 1，进入实验性状态

https://javascriptweekly.com/link/80435/web

2019年 Chrome 开发者峰会亮点：让所有用户告别加载延迟

我们的目标是让所有用户告别加载延迟，主要可以关注 Portals 和 Web Bundles

https://www.infoq.cn/article/xBGqtxJMvcSlIwByQdp2

2019 TWeb 腾讯前端技术大会精彩回顾

TWeb 会议精彩分享回顾

https://juejin.im/post/5dd20202e51d453ff47f9c81

ESLint 6.7.0 发布(英)

ESLint 6.7.0 发布，添加了数条新规则

https://eslint.org/blog/2019/11/eslint-v6.7.0-released

ES10 功能完全指南

ES10 虽然仍是一个草案，但大多数功能已经在 Chrome 中实现，让我们来开始探索它吧

https://mp.weixin.qq.com/s/l9x0BPU3ylDt4G2VwUwf_A

HTTP/3: the past, the present, and the future(英)

Cloudflare 是如何实践 HTTP/3 的？借助 HTTP/3 可以获得更快、更稳定、更安全的 Web 体验

https://blog.cloudflare.com/http3-the-past-present-and-future/

tutorial

How Do You Remove Unused CSS From a Site(英)

如何删除项目中多余的 CSS 代码

https://frontendfoc.us/link/80142/web

Techniques for Instantiating Classes(英)

探讨在 JavaScript 中类实例的创建

https://javascriptweekly.com/link/80442/web

Golang 重构 Python，知乎社区核心业务实践

知乎 Python 项目迁移 Golang 的实践分享

https://mp.weixin.qq.com/s/3mWiO4QwjmRi9pBPuNlNMQ

配送交付时间轻量级预估实践

外卖交付时间的衡量是非常有挑战的一件事，因为骑手在送餐交付到用户手中时会碰到不同的问题，这篇文章带你了解外卖从下单到送到你手上，中间过程有多复杂

https://zhuanlan.zhihu.com/p/86546990

An Introduction to the Picture-in-Picture Web API(英)

画中画 API，用来创建即使用户导航到其他页面也可以继续播放的浮动视频窗口

https://javascriptweekly.com/link/80702/web

拉美独角兽Nubank：为什么用Flutter做移动开发很酷？

Nubank 这家巴西金融科技公司成立于 2013 年，主营业务是虚拟信用卡。为什么 Nubank 认为用 Flutter 做移动开发很酷？

https://mp.weixin.qq.com/s/c-AMBkcagwQqrCvxDO07Lw

tools And codes

Postwoman: An API Request Builder and Tester

Postman 的 Web 替代品

https://postwoman.io/

使用 CSS :is() API 定位元素(英)

对 CSS :is() API 的介绍

https://webdesign.tutsplus.com/articles/new-css-is-for-easy-element-targeting--cms-34223

Lambda API: A Lightweight Web Framework for Serverless Apps

一个应用在 Serverless App 的轻量级 Web 框架

https://nodeweekly.com/link/80603/web

在前端 Word 还能这样玩

纯前端处理 Word 的库: Mammoth.js 用来转换 .docx 文档中的语义信息为简单干净的 HTML

https://segmentfault.com/a/1190000021111457

解密 VS Code 断点调试的原理

为什么打下一个断点，程序就会停下来？为什么在 VS Code 上不需要 Chrome Devtool 也能够断点，是如何实现的呢？

https://www.barretlee.com/blog/2019/11/15/vscode-study-03-debug-protocol/?from=timeline

本系列会持续更新，欢迎大家持续关注。IES前端团队负责字节跳动互娱社区全线产品前端开发工作，包括但不限于抖音、火山、轻颜、faceu等。如果你想加入我们的团队，欢迎投递简历到 lisqpersonal@163.com 标题：【求职】岗位-姓名-电话