移动webapp前端ui用哪个框架好？

Posted 2023-05-13

参考技术A

现在是UI趋势的走向，不管什么都会涉及到UI设计。而且现在手机平板发展的这么迅速，APP手机端口的设计思路更是要领先一些。UI设计可以说是未来发展的大趋势，而且就现在扁平化设计思路和 界面的交互性质、用户体验都是UI设计的一个大方向。

---

每个框架都要全面

我认为这两个前框是不够的，PC、移动framework7，对于快速轨道项目可以实现他们的轻量级框架；此外，许多人认为，移动端框架具有framework7模仿的痕迹，如穗的SUI已经描述了基于UI库framework7发展。

UI与设计师可以更好融入

与设计师前端的协作应该是相对简单的，最重要的是为您提供前端产品的设计规范，一般来说，我们需要提供设计师设计草图的大小和标签的各种元素的地图文件，与布局的开始。考虑到视网膜显示器和许多移动设备的分辨率是不同的，设计者应该提供多套设计吗？从网易和淘宝的做法，应该用不到的，我们可以根据设计稿制作一套布局。

web适用于开发

如果要开发的 WebApp 对用户体验细节有高要求，又是一个单页应用。那么尝试一下这个框架：androidUIX - 跨平台AndroidUI框架
在体验上应该是超过目前主流WebApp的

总结

在移动端的表现来看，单页应用可以用WEBAPP来实现

UI组件可以应用在其他大厂推荐的frozenui，还有一些移动终端列表按钮轮播方案。或用wechat通用样式

做webapp开发，性能和效率最好的框架和打包app平台分别是哪个

参考技术A 第一款：SenchaTouchSenchaTouch是世界上第一个支持HTML5和CSS3标准的移动应用框架，你可以使用HTML5来编写音频和视频组件，还可以使用LocalStorageProxy来存储离线数据，同时，大量CSS3样式表为你提供了创建健壮样式层的可能。优点用户体验最接近NativeApp，具有整体的UI组件、布局解决方案；统一的编程代码结构和要求，良好组织的代码易于维护；继承ExtJS4的应用程序MVC架构；完善的API文档，示例；活跃的社区，网上有大量的文档书籍帮助学习；缺点兼容性差，仅支持webkit内核的浏览器；框架比较重量级，学习成本比较高；商业化使用有版权问题；第二款：jQueryMobilejQueryMobile是创建移动web应用程序的框架。适用于所有流行的智能手机和平板电脑。使用HTML5和CSS3通过尽可能少的脚本对页面进行布局。优点跨浏览器兼容性最好，几乎兼容所有的平台和浏览器；入门简单，语法简洁，编码灵活，一些简单的应用直接用HTML既可实现，无需Javascript；开源插件与第三方扩展网上资源丰富；完善的API文档，示例；活跃的社区，网上有大量的文档书籍帮助学习；缺点jQueryMobile对代码没有特定的要求，后期维护难度较大；第三款：ZeptoZepto就是一个jQuery的轻量级替代品，几乎完全一样的API，但是专门为Mobile或者HTML5浏览器设计和优化。优点学习成本低，Zepto保持了与jQuery几乎一样的功能，使用gzip压缩只有5-10k；缺点Zepto不支持WindowsPhone下的IE；第四款：WinkToolkit优点Wink的核心库是轻量级的，支持AMD规范的模块化加载，功能接口相比Zepto更丰富；提供很酷的2D、3D效果UI组件；缺点组件对Android的支持程度不好，3D组件无法使用；第五款：Ionic：高级的HTML5移动APP（WebApp）开发框架Ionic是一个用HTML,CSS跟JS开发的一个用于移动设备的混合APP开发框架，采用Sass与AngularJS开发。目前，Ionic仍然处于临测试状态（alpha）。相信未来会成为开发者开发HTML5应用的一个不错的选择。第六款：AmazeUI中国首个开源HTML5跨屏前端框架AmazeUI是一个移动优先的跨屏前端框架。易学易用。