Javascript 使用样板的开发过程

我们对所提供的集成和最佳实践印象深刻，但文档肯定是缺乏的，尤其是对于新的RequireJS用户

我们是一个由5人组成的团队，每个人都有不同的技能，BoilerplateJS吸引人的地方之一就是能够隔离UI组件

从示例脚手架中，我们可以清楚地看到如何单独对每个组件进行单元测试。但是，我们不清楚在开发过程中如何做到这一点：

开发人员A创建组件结构和视图模型（已测试），并将其传递给开发人员B

开发人员B为组件开发CSS和可能的动画

开发人员A和/或B将组件集成到网站的其余部分，并进一步测试集成

---

如何才能实现（2）？i、 e.允许设计人员和开发人员在一个独立的组件上工作-建议采用何种方式加载该组件，以便对其进行开发/调试/测试？

关于CSS

一个UI组件大约有3个部分：结构（HTML）、表示（CSS）、行为（JS）。一种常见的处理方式是开发人员关注设计人员处理演示文稿的结构和逻辑

这就是我们开发boilerplatejs示例应用程序的方式。例如，菜单、主题和本地化组件是由开发人员开发的，作为一个简单的“无序列表”，当他们完成它时，它就像下面所示（只需通过Chrome开发人员工具删除主题css链接，您就会看到相同的内容）：

然后，设计师使用丑陋的UI创建了一个主题，以专业的方式定位和呈现这些列表（我们开发了存储在src/modules/baseModule/theme中的两个主题）。当然，开发人员很难仅仅交付如此丑陋的东西，但他们需要相信设计师完成工作的能力。我确信您使用的源代码管理工具允许不同的团队成员在同一组件上工作，甚至是同时工作

如果您希望主题化成为一个突出的特性，我建议尽量减少特定于组件的CSS文件。否则，您可能无法创建完全改变组件布局和外观的不同主题。没有组件本地css的缺点是，如果没有“表示”，组件并不是真正自包含的。我仍在努力正确回答这个问题，任何想法/帮助都将不胜感激！请参阅下面我的相关问题：

无论如何，有几种方法可以将CSS添加到组件中，看看这个问题，其中讨论了这些不同的方法

现在关于嵌入组件…

如果您希望将组件嵌入到其他网页中，可以使用样板文件的DOMController。例如，假设您需要将“departments（src/modules/sampleModule1/departments）”组件嵌入到其他网站。除了已经存在的UrlController（UrlController响应浏览器URL更改）之外，您还必须向模块（src/modules/sampleModule1/module.js）添加一个DomController

现在，在您的网页或外部站点上放置一个div或section元素，以便DomController嵌入department

<section id="department_comp"></section>

当然，您需要注意两件事：

1） 您的网页需要有boilerplatejs运行时。这意味着您的所有第三方JS库和主题CSS文件都应该静态地添加到web页面中。（我们正在努力解决这个问题，使用v0.2-stable，我们希望发布一个引导程序，它可以通过一个脚本声明完成所有这一切）

---

2） 如果组件使用来自不同域的JSON服务，则必须使用或来处理跨域HTTP请求。但是，如果您的REST服务托管在同一个域上，您不必担心这一点。

感谢您提供详细的答案。继续努力。我会试试这个，然后带着更多的问题回来——然后我也会接受答案！

<section id="department_comp"></section>