问视觉元素的继承和重用设计

EN

在基于javascript的windows store应用程序中，我遇到过一些代码重用的事情。

1. 自定义控件-有时我们需要构建一个可以跨页面重用的自定义控件，有时还可以在多个项目中重用。This link概述了如何使用WinJS库构建自定义控件。例如，我为ImageSelectControl构建了一个自定义控件。很多时候我们需要一个控件来显示选定的图像，允许用户更改/删除选定的图像，在控件中显示选定图像的缩略图等。我在一个app.
2. default.css中的多个页面上使用这个控件-这包含了项目的默认样式。在构建几个应用程序的过程中，我遇到了一组默认的css类，这些样式是在vs模板生成的默认样式之上添加的。我在不同的项目中复制这个文件。例如，每个应用程序都有一个“品牌”配色方案。在此基础上，您需要设置锚点悬停颜色，输入选择控件背景等，这样的规则可以在项目中重复使用，只有品牌颜色会发生变化。在你的default.css中识别和组织这样的规则，并在projects.
3. default.js中重用它是很好的-这个文件还会对应用程序生命周期事件处理进行一些更新。如果你保持项目的数据模型分离，这个文件可以在定义继承的project.
4. WinJS.Class.derive函数中重用。但到目前为止，我还没有在我的projects.
5. you中遇到过这种情况，我会遇到你的个人模板(一组.html/css/js文件)，用于不同类型的页面。重用它们是很好的。我创建了几个这样的模板(不是所有的模板)，但我计划创建它们。当您在多个应用程序中工作时，最好寻找这样的模板，并从其中一个模板开始页面开发。模板可以简单地维护为一个文件夹，比如说template\带有一组.html/.js/.css文件并复制粘贴这些文件到你的新页面folder.
6. Utilility库中-你将构建你的一组utils helper函数。我将它们保存在js/utils.js中，并在多个项目之间进行共享。例如- Utils.handleError( error )：在出现错误时向用户显示消息；Utils.UI.initializeWithProgressRing加载带有promise的页面，并在页面加载之前在中心显示进度环；WinJS.xhr的包装器。在构建你的帮助器函数之前最好检查一下WinJS.Utilities名称空间。我在这里找到了几次所需的函数。

总之，在我的例子中，代码重用发生在重用js实用程序库、页面模板、default.js、default.css、自定义控件的时候。继承是可用的，但我使用的还不够多。HTH。

因此，对于HTML和JavaScript Windows8应用程序，肯定有方法来实现相同数量的代码可重用性，事实上，大多数模式使用相同的命名法，所以如果你在谷歌上搜索"winjs“加上你正在寻找的任何东西，你会发现大多数时候都有很好的例子。

根据您的特定问题：

在的default.html页面中引用的navigation application

• CSS类可以在整个应用程序中使用。(实际上，加载的任何样式都会保留在内存中，所以如果您访问一个详细页面，并且它的标题样式不是实际页面所特有的，那么它可能会在第一次加载后应用于另一个页面的详细页面。)
• HTML页面可以在页面控件和iframes中引用，因此您可以在多个地方重用这些布局，就像应用于Windows8应用程序的普通website.
• JavaScript，一样，它实际上是非常丰富的。在namespacing、defining and deriving classes的环境中内置了一组很棒的代码组织实用程序，所有这些都支持easy creation of controls等。

当然，更不用说其他人对该平台上已有的HTML/CSS/JavaScript技术的评论。有最喜欢的JQuery插件吗？它很有可能仍然可以在Windows8下运行。

SASS为包含和重用CSS样式提供了优秀的工具：http://sass-lang.com/

至于HTML和JS，您可以使用PHP将代码片段存储在变量和数组中。同样，同样的逻辑也适用于在JS中重新生成HTML元素...只需将标记或代码片段存储在变量中：http://www.w3schools.com/js/js_variables.asp

这有帮助吗？