移动端前端技术选型

Question

请教前端大佬，公司以前的项目移动端页面都是基于 Bootstrap + JQuery 做的，虽然说开发起来容易上手，但存在的问题就是体验一般，特别是现在项目逐步复杂，Bootstrap + JQuery 的组合已经力不从心。

然后目前项目的情况是大部分页面其实比较简单，需要解决的问题就是优化体验，还是采用传统的多页面结构，目前暂不考虑做成单页面应用，不考虑使用 webpack 进行构建打包。

所以我目前的想法是后续开发基于

Bootstrap + Vue.js + 一个移动端的Vue组件库(比如 Vant)

来做，具体原因如下：

1. 项目大部分页面比较简单，Bootstrap 就能胜任，没必要在这些页面上 Vue 组件库，太笨重
2. 对于对话框、Toast、日期选择、文件上传、表单验证等需求，通过 Vue 组件库解决。这块如果用 Bootstrap 做的话，个人感觉是完全无从下手。组件库的好处就是不用自己到处收集插件了，在设计上也比较统一。

类比管理后台的开发。管理理后台的开发都存在比较成熟的框架库，不管是基于 jquery 的 layui、还是基于 vue 或者 react 的 ant，这些框架都提供了非常完善的体验，都对话框、日期选择、表单验证等做了完善的支持。但在移动端的开发上，我缺找不到类似的这样一个框架，Bootstrap 很成熟，但它对话框之类的支持并不好，更适合做基础静态页面的开发，vant 之类的 vue 组件库，如果不使用 webpack 构建打包的情况下，直接在页面中进行使用，又太笨重。这也是我选择目前这个组合的原因。

想请教下各位大佬，我这个思路如何？如果是各位大佬，对于这种情况，会如何选择？

Answer 1

笨重到不至于，这些ui库都支持按需引入。我一般都是vue+vant。

Answer 2

移动端的，类似于boostrap的好像有一个叫 FrozenUI的吧？