技术周报·Web页面全链路性能优化指南

3,015 阅读3分钟

劳动节快乐!!!

编辑推荐

Web 页面全链路性能优化指南

性能优化不单指优化一个页面的打开速度,文章对 Web 页面的全链路以及各步骤能做的优化措施都做了非常细致的讲解,很全且细致!

Web3.0 来了,花呗借呗前端团队开源的Web图形引擎会成为元宇宙的技术支撑吗?

Oasis engine 是一个移动优先的高性能 Web 图形引擎,也是追求易用和轻量的高性能互动创作平台;该项目采用组件系统架构,不仅需要具备三维渲染能力,还需要包含非常多来自各领域的功能,比如 2D、3D、UI、音频、物理、VR/AR、逻辑编写等等。

深度阅读

Node.js 18 新特性解读

Node 18 发布了,带来了诸如 Fetch API、Test Runner、ESM 等特性,文章总结得很全面,值得看看。

探秘 HTTPS

HTTPS 是如何实现安全的数据传输呢?想彻底搞明白这个问题,就需要了解 HTTP 的发展历程、HTTP 遇到的问题、对称与非对称加密算法、数字签名、第三方证书颁发机构等概念。

Vue 项目你一定会用到的性能优化!

不错的文章,比较聚焦介绍如何衡量页面性能、如何使用 Lighthouse、如何针对 Vue 场景做各种性能优化。

外文精选

Faster initialization of instances with new class features

Before v9.7, V8 always used a costly runtime call for class field initializations. With v9.7, when V8 considers the pattern of the initialization to be predictable enough, it uses a new IC to speed up the operation just like what it does for assignments of ordinary properties.

The Most Popular Node.js Frameworks in 2022

Node.js remains the most popular JavaScript runtime after years of steady reign. But the landscape of Node.js frameworks has changed dramatically in recent history. More and more frameworks are built as hybrid (meta) solutions, catering not only to back-end but also full-stack developers. In this article, we will address the current trends, and explore the most popular Node.js frameworks.

The Future of CSS: CSS Toggles

CSS toggles are a mechanism for associating toggleable state with a DOM element. This state can be defined and connected to activations through CSS properties, and can be queried in CSS selectors. This provides a declarative mechanism for specifying state that describes behaviors like the existing HTML behaviors for checkboxes or radio buttons.

实践应用

[科普] Service Worker 入门指南

Service Workers 本质上是一种能在浏览器后台运行的独立线程,它能够在网页关闭后持续运行,能够拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源,从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能,是 PWA 应用的核心技术之一。

为遗留 Node.js 后端编写自动化测试

一个简单的 Node.js API,随着增长会变得越来越复杂,缺乏软件设计和最佳实践经验的开发人员可能很快就会被软件熵、偶然的复杂性或技术债务所淹没。文章主要探讨编写简单、健壮和快速检查业务逻辑的测试的几种技术,包括依赖注入 (即 SOLID 的“D”),认可测试以及(剧透警告)没有模拟(mock)!

2022 年值得推荐的 76个 React 库!

收藏癖福音,2022 比较推荐的一些 React 库,覆盖UI、状态管理、Router、样式处理、类型检查等场景。

仅用一个 HTML 标签,实现带动画的抖音 Logo

很有意思的尝试:如何用尽可能少的代码画出抖音 Logo —— 带动画那种哦,还原度很不错。

10 个不错的 CSS 小技巧

不错的 CSS 特效汇总,一看就会。