前端方案选型

可能有一些表述不太清楚的地方

背景

MVVM模式和框架的兴起改变了前端的思维模式。MVVM提出之后，前端组件化模块化开发成为一种趋势，组件化和模块化开发导致dom操作不再需要，间接导致了jquery类库的衰弱，也同样导致了bootstrap的全局CSS样式的衰弱。组件化和模块化实际上向传统的面向对象编程范式靠近，使得网页app开发成为一种可能，从一定意义上讲，MVVC模式和框架实现了前端技术的转移，扩展了前端技术的使用范围。

MVVM模式和框架

MVVM模式的相关介绍可以自己查找。
MVVM框架有很多，其中MVVM特性支持最完全的是vue。

前端方案

我们的前端方案，是针对与有交互操作的，前后端分离架构的前端方案

MVVM方案类型

方案一

• 使用vue框架做一个网页app类型的
• 特征：只有一个根窗口，所有操作都不需要刷新，数据异步加载
• 优点：具有典型的webAPP形式，将多种功能融合在一个页面，同样用一些方式可以直接移植成为APP
• 缺点：技术难度要求较高，响应式布局基于MVVM框架的响应式设计，并非是基于@media的CSS操作
• 发展：可以为我们的微信小程序的制作增加经验，也同样符合时代的趋势，技术比较新，比较前沿

方案二

• 使用vue框架，但有多个页面，响应式使用@media的CSS操作
• 特征：有多个根窗口，属于方案一的响应式布局折中方案
• 优点：由于基于响应式设计从设计之初就不是为了响应式布局，@media的CSS操作可以大幅降低新技术的开发难度
• 缺点：并不是MVVM原生支持的方案，很有可能会出现意想不到的状况
• 发展：MVVM实现前端做APP的可能，不是优先考虑响应式布局的，没有完善的方案，我们这样说可以说是折中，也可以说是尝试

DOM+全局CSS样式

• 使用jquery操作DOM，bootstrap作为全局CSS样式
• 特征：并不需要理解完整的面向对象范式就可以上手，周期短，合作少
• 优点：就是很容易上手
• 缺点：不适合复杂布局
• 发展：不是时代趋势，属于基础技术，仍然会有一部分小型个人网站作为首选方案，尤其是静态页面