前端开发的设计模式是什么？

Question

我接受了采访并问了这个问题。我对'＃34;设计模式感到困惑＆＃34;在问题中。这是指代码执行过程还是设计的首页布局？谢谢！

Answer 1

设计模式是解决Web开发设计问题的重复解决方案，并为创建用户界面的Web开发人员提供通用语言。通常，模式不指定要求，而是提出设计问题的推荐解决方案。它们以模板的形式提供可以应用于现实问题的通用解决方案。

这些是Bootstrap响应式网页设计中一些已建立且采用良好的设计模式示例：

• 流体设计：这是响应式设计最流行，最简单的选择。在此模式中，较大的屏幕多列布局在完全相同的序列中以较小的屏幕呈现为单个列。
• 列删除：在此模式中，页面也会在单个列中呈现;但是，块的顺序会发生变化。这意味着，如果内容块在屏幕较大的情况下首先可见，则在较小屏幕的情况下可能会呈现为秒或第三个。
• 布局移位器：这是一个复杂但功能强大的模式，在屏幕较小的情况下，屏幕内容的整个布局会发生变化。这意味着您需要为大，中，小屏幕开发不同的页面布局。

Answer 2

A "design pattern a general reusable solution to a commonly occurring problem within a given context";不同的问题（和实现）域将产生不同的设计模式。但是，这样会引用解决方案而不是“视觉模式”。

与前端工作相关的一些“设计模式”可能是：

• Bootstrap or 'Grid 960' layouts（这是关于解决方案）
• MV[V]M绑定（如Angular，KO ..）
• Progressive Enhancement

Answer 3

对我来说，混淆是前端（软件设计上下文）为首页（图形设计上下文）..设计模式......可理解的错误解释题。

e.g。可以使用Mediator模式（在下面的参考文献中）（在前端开发中）充当中间（即中介）以促进用户界面主机元素的子节点之间的通信/事件。而不是孩子必须分别与每个其他孩子交流，他们都只对主持人说话，主持人控制与所有孩子的沟通。

参见 软件设计模式参考："Design Patterns: Elements of Reusable Object-Oriented Software" -'Gang of Four'

这些模式可用于设计/开发用户界面，该界面位于用户的前中......所以前端开发......