技术周报·The ECMAScript 2023 Language Specification

编辑推荐

The ECMAScript 2023 Language Specification

ECMAScript 2023 正式发布！

「长按识别二维码查看原文」   

https://tc39.es/ecma262/

         

说起建立在Electron之上最出色且复杂的应用，那就不得不提到VSCode。VSCode 是一个基于 Electron 构建的跨平台代码编辑器，对于想要深入了解它的启动过程的开发者来说，这是一个非常有价值的学习过程。通过了解 VSCode 的启动过程，我们可以更好地理解 Electron 应用程序的启动流程，并学习如何在应用程序中加载、初始化和管理大量的代码模块和资源。此外，VSCode 启动过程中会涉及到各种与系统环境、用户配置和扩展安装有关的因素，深入研究这些方面可以让我们更好地优化应用程序的性能和用户体验。

「长按识别二维码查看原文」   

https://mp.weixin.qq.com/s/nbB13RDu19fewiedCzq-Aw

         

深度阅读

浏览器工作原理

有许多浏览器正在被使用，截至2022年，使用最多的是：谷歌浏览器、苹果的Safari、微软的Edge和火狐。

但是，它们实际上是如何工作的，从我们在地址栏中键入网络地址开始，到我们试图访问的页面显示在屏幕上，会发生什么？

「长按识别二维码查看原文」   

https://juejin.cn/post/7204806134935306301

         

大厂自研跨端框架技术揭秘

本文将围绕跨端框架技术的主题，分析其技术目标和 3 种演进方向，接着揭秘业内的自绘跨端方案的技术实现——包括 Kun、WebF、TDF、Weex 2.0、Waft 与 MiniX 等方案，分析各自的特点与不足，总结跨端框架的研发思路与技术要点，最终分享对跨端框架发展趋势的思考。

「长按识别二维码查看原文」   

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

         

现代图片性能优化及体验优化指南 - 懒加载及异步图像解码方案

对图片的性能优化及体验优化在今天就显得尤为重要。本文，就将从各个方面阐述，在各种新特性满头飞的今天，我们可以如何尽可能的对我们的图片资源，进行性能优化及体验优化。

「长按识别二维码查看原文」   

https://juejin.cn/post/7204860462240170040

         

外文精选

The Evolution of Signals in JavaScript

Signals and the language of reactivity seem to be where things are converging. But that wasn't so obvious from its first outings into JavaScript. And maybe that is because JavaScript isn't the best language for it. I'd go as far as saying a lot of the pain we feel in frontend framework design these days are language concerns.

「长按识别二维码查看原文」   

https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob

         

Writing Javascript without a build system

I’m writing this because most of the writing I see about JS assumes that you’re using a build system, and it can be hard to navigate for folks like me who write very simple small Javascript projects that don’t require a build system.

「长按识别二维码查看原文」   

https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/

         

实践应用

介绍一个比较前沿但是非常有用的新特性：一个浏览器原生支持的 CSS 文本高亮高亮功能，官方名称叫做 「CSS Custom Highlight」 「API」**([1])「，有了它，」可以在不改变** 「dom」 「结构的情况下自定义任意文本的样式」

「长按识别二维码查看原文」   

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

         

在软件工程中，软件设计是软件开发流程中的必要阶段，在需求分析后、软件开发前进行。软件复杂度是每一个项目演进的产物，随着需求和代码行数的增加，复杂度将持续提升。软件设计的优劣为对复杂度带来的影响是不同的，优雅、合理的设计使待开发的代码复杂度可控，而拙劣的设计将会给软件带来无序、偶然的复杂度变更。一个优秀的前端组件需要在满足需求的前提下，具备高易用性和良好的可扩展性，这是我们进行前端组件设计的目标。

「长按识别二维码查看原文」   

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