我知道使用 C++/C#，您可以创建可重用代码片段的控件，您可以通过继承等方式使用这些代码。但是，我不确定是否可以在使用 CSS 构建的 Windows 8 商店应用程序中使用相同的原则， JavaScript 和 HTML5。如果可能的话，您能否指出每种技术(CSS、JavaScript/WinJS、HTML5)的关键元素是什么，这些元素可以帮助设计您的 Windows 8 应用程序以实现视觉元素的继承和重用。
TIA
最佳答案
在基于 javascript 的 Windows 商店应用程序中，我遇到过一些关于代码重用的事情。
- 自定义控件 - 有时我们需要构建一个可以跨页面重复使用的自定义控件，有时可以在多个元素中重复使用。 This link概述了使用 WinJS 库构建自定义控件。例如 - 我为 ImageSelectControl 构建了一个自定义控件。很多时候我们需要一个控件来显示所选图像、允许用户更改/删除所选图像、在控件中显示所选图像的缩略图等。我在一个应用程序的多个页面上使用此控件。
- default.css - 这包含元素的默认样式。在构建几个应用程序时，我遇到了一组默认的 css 类，这些样式添加在 vs 模板生成的默认样式之上。我跨元素复制这个文件。例如 - 每个应用程序都有一个“品牌”配色方案。基于此，您需要设置 anchor 悬停颜色、输入选择控件背景等。此类规则可跨元素重复使用，只有品牌颜色会发生变化。最好在 default.css 中识别和组织此类规则并在元素中重复使用它。
- default.js - 此文件还针对应用程序生命周期事件处理进行了一些更新。如果您保持元素的数据模型分离，则可以跨元素重复使用此文件。
- > WinJS.Class.derive func 可用于定义继承。但到目前为止，我还没有在我的元素中大量使用它。
- 您会遇到用于不同类型页面的个人模板(一组 .html/css/js 文件)。重用它们很好。我已经创建了其中的几个(不是所有这样的模板)，但我打算创建它们。当您跨多个应用程序工作时，最好留意此类模板并从您的模板之一开始页面开发。模板可以简单地维护为一个文件夹，比如 template\和一组 .html/.js/.css 文件，并将这些文件复制粘贴到您的新页面文件夹中。
- 实用程序库 - 您将构建一组实用程序辅助函数。我将它们保存在 js/utils.js 中并跨元素共享。例如 - Utils.handleError(error):在出现错误时向用户显示消息； Utils.UI.initializeWithProgressRing 加载带有 promise 的页面并在中心显示进度环，直到页面加载完毕；你的 WinJS.xhr 包装器。在构建您的辅助函数之前最好检查 WinJS.Utilities 命名空间。我有时会在这里找到所需的功能。
总结 - 代码重用发生在我的案例中，重用 js 实用程序库、页面模板、default.js、default.css、自定义控件。继承是可用的，但我没有使用那么多。 HTH.
关于javascript - 为视觉元素的继承和重用而设计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16204308/