谁能建议设计模式将JavaScript中的业务逻辑和表示逻辑分开？

我将开发移动Web应用程序.
应用程序将使用Web服务获取后端数据.
所有演示和业务逻辑都需要使用javascript编写.

ios和android中有不同的设计.

并且不想为两者分别重写业务逻辑.

任何人都可以提出设计模式来分离JavaScript中的业务逻辑和表示逻辑.

解决方法:

一个好的设计模式是设计一个“ REST-ful” API,用于存储,检索和修改应用程序所操作的数据.然后,设计共享此通用API的单独用户界面.编写代码时,请使用单独的原型和函数来表示和操作原型中的数据,这些原型用于表示数据在用户界面中的外观或控制方式.

您还可以通过使用CSS控制iOS和Android上应用程序的外观,同时在两个版本的应用程序中仍使用相同的HTML DOM结构,来实现可重用性.换句话说,您可以通过操纵DOM元素的“类”属性而不是显式修改“样式”属性,而依靠CSS来基于类应用样式,从而获得更高的可重用性.然后,在大多数情况下,您可以避免使用相同的JavaScript代码,而只是向不同的用户代理提供不同版本的CSS.在某些情况下,可能还会出现其他差异.我只是建议在它们出现时将它们重构为自己的功能.

正如其他人指出的那样,有许多现有的JavaScript框架(例如Sencha Touch)已经为移动设备抽象了视图逻辑,从而使您可以编写逻辑的模型和控制部分.如果您对UI组件有一个抽象,那么唯一需要维护的分离就是模型和控制器之间的分离.

标签：mobile-website,javascript,design-patterns
来源： https://codeday.me/bug/20191207/2087485.html