骨架屏技术

目前主流的骨架屏生成技术主要包括以下三种:

  1. 通过设计师给出的骨架屏图片。
  2. 通过 HTML+CSS 编写骨架屏代码。
  3. 非侵入式自动生成骨架屏代码。

前两种情况由于变更成本和续维护成本高,且对业务代码有一定侵入性,不进行讨论。本文主要针对自动生成骨架屏技术进行了深入的探讨,并开发了 awesome-skeleton,支持多种配置,以及骨架屏定制功能,并提供骨架图生成和骨架图模板注入能力。

参考文档

你需要了解的前端骨架屏注入实践
考拉前端骨架屏生成技术揭秘
一种自动化生成骨架屏的方案

微前端

微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodule 来管理