19、网页开发中的模式应用：表示变形与持久通信

最新推荐文章于 2025-12-16 10:45:41 发布

香菜滚出地球

最新推荐文章于 2025-12-16 10:45:41 发布

阅读量11

点赞数

CC 4.0 BY-SA版权

分类专栏：解密Ajax与REST架构文章标签：表示变形模式持久通信模式网页开发

本文链接：https://blog.youkuaiyun.com/smartcontract5/article/details/154179689

解密Ajax与REST架构专栏收录该内容

30 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

网页开发中的模式应用：表示变形与持久通信

在网页开发领域，有两种重要的模式值得深入探讨，分别是表示变形模式（Representation Morphing Pattern）和持久通信模式（Persistent Communications Pattern）。这两种模式在提升用户体验、实现高效数据交互等方面发挥着关键作用。

1. 表示变形模式

表示变形模式的核心目标是提供一种机制，让内容能够通过最优的用户界面进行查看、编辑或导航。在使用该模式时，状态结构是一个常量，会在不同的表示形式之间进行传递。

1.1 实现细节

在HTML对象模型中，我们可以为其分配自定义属性和属性，但这其中存在一些需要注意的地方。下面是一段示例代码：

<html>
<title>Hello world</title>
<script language="JavaScript" type="text/javascript">
function el(id) {
  return document.getElementById(id);
}
function OnClickMe() {
    el( "txtArea1").value = el( "parentArea2").innerHTML;
}
function OnClickForMyProperty() {
    el( "txtArea2").value = el("txtArea2").directAssignedString;
    el( "txtBoxArea2").value = el(