《Ohbug 前端周刊》 第 12 期 - 下一代 Web 建站技术栈—— Jamstack

246

「Ohbug 前端周刊」第 12 期。本期刊开源(GitHub: ohbug-org/weekly),欢迎 issue 投稿,推荐项目。

⬆️ 热点

下一代 Web 建站技术栈—— Jamstack

下一代 Web 建站技术栈—— Jamstack

Jamstack 是一套用于构建现代 Web 站点的技术栈,拥有高性能、安全性、易扩展的特性。

Vue 3.2 发布

Vue 3.2 发布

<script setup> 稳定

支持通过 defineCustomElement 创建 Web Components

更高效的 ref 实现(260% 读取速度提升 / 50% 写入速度提升)

依赖跟踪快了 40%

内存使用量减少 17%

Next.js 是怎么做预渲染的?

Next.js 是怎么做预渲染的?

Next.js 提供了生产环境所需的所有功能以及最佳实践,包括构建时预渲染、服务端渲染、路由预加载、智能打包、零配置等。其中,Next.js 以其优秀的构建时渲染和服务端渲染能力,成为当今 React 生态中最受欢迎的框架之一。本文将介绍 Next.js 提供的三种预渲染模式以及混合渲染模式,来看看 Next.js 是怎么做预渲染的。

📝 文章

VS Code 是如何优化启动性能的?

VS Code 是如何优化启动性能的?

本文主要是对 CovalenceConf 2019: Visual Studio Code – The First Second 这次分享的介绍,CovalenceConf 是一个以 Electron 构建桌面软件为主题的技术会议,这也是 VS Code 团队为数不多的对外分享之一(质量较高),主要分享了 VS Code 是如何优化启动性能的。

网页调试之 debugger 原理与绕过

网页调试之 debugger 原理与绕过

当我们调试 JS 的时候,时常会遇见无限 debugger。无限 debugger 的原理是什么呢?它在何时触发?如何绕过?

如何优化 node 项目的 docker 镜像(像老板压榨员工一样压榨镜像)

如何优化 node 项目的 docker 镜像(像老板压榨员工一样压榨镜像)

本文将以 Node 程序展示如何优化 Docker 镜像(优化思想是通用的,不分程序),主要解决镜像大小过大、CI/CD 构建镜像速度。

⌨️ 代码

Feed me up, Scotty!

Feed me up, Scotty!

这个工具使用 CSS 选择器,从任意页面提取想要的内容,通过 GitHub Actions,自动生成该页面的 RSS。

Mitosis

Mitosis

写一个组件编译到 Vue, React, Solid, Angular, Svelte 等

github1s

github1s

只需在浏览器地址栏 github 后添加 1s 并中按 Enter 键,即可使用 vscode 访问您要阅读的任何库。