# 前端开发（14）

系统梳理 Three.js 场景、相机、渲染器、几何体、材质、网格与光源七大核心组件，说明各自职责、常用配置和协作链路，并通过基础代码展示从场景组织到 WebGL 渲染与动画循环的完整实现。

是 Chromium 系列浏览器（Chrome/Edge 等）引入的新特性，属于 Speculation Rules API，用于告诉浏览器 哪些页面可以被提前加载（prefetch 或 prerender），从而提升页面切换速度。

tabindex 属性：使菜单元素能够接收焦点

View Transition API 是浏览器原生视图过渡能力，可为 SPA 状态更新和同源 MPA 页面跳转添加平滑动画。它由浏览器管理新旧视图快照与图层，支持共享元素、CSS 伪元素定制和生命周期监听，并能在不支持的浏览器中渐进降级。

方案 1：纯 CSS Scroll Snap

本文围绕《Grid 布局结合媒体查询@media实现动态列布局》整理核心概念、实现方法与实践要点，便于快速理解和查阅。

浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何定位的浮动元素是如何

网站作为一种信息传递的媒介，且如今各类Web项目中，图像资源的使用占比也越来越大，更应当注重图像资源的使用方式。如果网站中的图像资源未进行恰当的优化，那么势必会导致许多问题，诸如巨量的访问请求引发传输带宽的挑战，请求大尺寸图片需要过久的等待时间等。

“微前端（Micro Frontends）” 是将大型前端应用拆分成多个独立开发、独立部署的小型应用，每个小应用负责一部分功能，多个前端团队可以并行开发、独立发布各自的子应用，最终整合在一个主应用中统一呈现。

市场上的某个功能还没有能满足其需求的可选方案时，如果出来一个应用即使很难用，用户都要忍着用。如果这个功能确实能解决用户的某些痛点需求，且有其存在的价值，那么让用户忍受糟糕体验的背后，就存在对产品优化和改进的空间。

浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符( Uniform Resource Identifier，URI)所标记，它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。使用者可以借助超级链接( Hyperlinks)，通过浏览器浏览互相关联的信息。总之，览器的主要功能就是将用户输入的url，转化为用户可以与之交互的界面。

声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。 - 命令式 ：告诉程序"如何做"，需要手动操作DOM - 声明式 ：告诉程序"要什么结果"，由框架负责DOM操作