式单页应用程序的解决方案

suraiyaislamsum · 發表於 2024-1-22 17:59:11

该解决方案仅使用几个 CSS 技巧、不到 0.5 KB 的 JavaScript 以及重要的是一些静态 HTML。它不是一个完美或完整的解决方案，但它证明了高性能、健壮且可索引的单页应用程序是可以实现的理念：您可以采用 Web 标准，同时获得在单个 Web 上的不同界面屏幕之间共享数据和功能的好处页。网页和网络应用程序有什么区别？尽管我们倾向于通过阅读来识别文档，通过交互来识别应用程序，但大多数基于 Web 的应用程序都是混合类型：用户可以在同一个地方使用信息并执行任务。无论如何，我们构建Web 应用程序的方式通常会忽略可读 Web 的一些简单优点。单页应用程序往往采用运行时的形式，JavaScript 可执行文件像弹出商店一样部署到空<body>元素中。它们是临时的。

、权宜之计且不可卷曲：如果不执行脚本，它们的内容并不真正存在。它们也很脆弱且性能不佳，因为为了实现架构统一和便利，它们将所有导航、数据处理甚至内容的基本显示都由一件事负责：客户端 JavaScript。最近，出现了向“同构”（或“通用”）应用程序发展 购买电话号码列表 的趋势，即可以在客户端和服务器上运行相同代码的应用程序，在委托给客户端代码之前从服务器发送预渲染的 HTML。这种方法（例如，可以使用 Express 作为服务器，使用 React 作为渲染引擎）是朝着更高性能、更健壮的 Web 应用程序架构迈出的一大步。但同构肯定不是逐步增强单页应用程序的唯一方法。我正在研究更灵活、配置更少的东西，这是一种利用标准浏览器行为的新理念，可以将可索引的静态散文与 JavaScript 修饰的交互性混。

合在一起，而不仅仅是“移交给”JavaScript。这个小小的阐述只不过是用一些松散联合的概念和技术来使用 The Web Way™ 做事的概念，但我认为您可以接受它并使其变得特别。参加关于前端、设计和用户体验的精彩研讨会，包括实用要点、现场会议、视频录制和友好的问答。与布拉德·弗罗斯特（Brad Frost）、史蒂夫·沃尔特（Stéph Walter）和其他许多人一起。跳转到研讨会 ↬ 功能面板写观点在典型的单页应用程序中，渲染视图（即各个屏幕）以及它们之间的路由是 JavaScript 的关注点。也就是说，位置的定义、评估和形成完全是由一种技术来定义、评估和实现的，直到最近几年，这种技术还被认为是对这种行为的补充。请称我为Luddite，但我根本不会为此使用 JavaScript。相反，我将让 HT。