最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

移动webapp前端ui用哪个框架好?-H5教程

来源:http://erdangjiade.com/topic/133393.html H5程序员 2017-10-27 12:55浏览(114)

回复内容:

如果是 Angular 那就选 Ionic (一对好 CP)
如果是 Vue 那就选 Vux (基于 WeUI)
如果是 jQuery 那就选 Framework7 (iOS 和 Android 双皮肤)
如果是 React 那就选 ... (额,知道的补充下!)
----------
我去,写完看到时间,挖坟了!
----------
更新:
React 可以看看 TouchstoneJS 和 Reapp ,
貌似都不是很完善,需要的可以详细了解下。 看你做什么,如果对性能要求苛刻,比如地图App这种,应该考虑React Native或者NativeScript这样的技术,因为可以编译成原生App。否则我会推荐 Ionic 2 Documentation 这是ionic的最新版本,基于angular2,丰富的UI组件,大大改进的编程模型,非常适合快速开发。 推荐个Jingle Jingle-html5 webapp framework 这个看项目需求
小项目 jQuery Mobile / App Framework (jqmobi)
更小的项目直接Bootstrap 推荐一个自己正在用的。微信设计团队推出,微信原生视觉体验样式库。
GitHub - weui/weui: A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications. 个人使用过 Ionic: Advanced HTML5 Hybrid Mobile App Framework开发过项目,做下来感觉很不错,Ionic提供的样式够用了,关键是ionic 吧开发流程都帮你做好了,已经不再是单纯的UI框架,而是开发框架了。

如果你要纯的UI框架,推荐个最近新发现的库: SUI Mobile,这是淘宝出的,应该靠谱 作为一个伪FEEer,尝试着回答一下。

UI的话,分为基础样式和基础组件两部分。

基础样式:
建议这一部分可以用一些轻量级的库如Purecss(purecss.io),采用其Grid的部分即可,需要定制的部分,建议自行配置,或者是直接采用grid.css,grid960.css这样的栅格来处理。

基础组件:
基础组件主要是button,input,form等,可以在bootcss.com看到很多的组件库,按照需要选择一部分,在做下自定义修改配色,阴影,边框什么的,动画的话就用animate.css吧。

交互设计:
是webapp的难点和问题所在,个人建议,在移动端还是尽可能的减少复杂的交互内容,更多的做内容呈现和基础的功能实现(考虑兼容问题和移动网络流量,移动网络质量等因素)

附加内容:
响应式设计也是要分场合的,在简单的内容呈现如博客,可以考虑响应式,不过针对业务系统,还是建议做一套移动版本和对应的桌面版本,这是个人的一些看法,希望有用。 当我看到大家提到Jquery 我就果断的退了出去 mui angularjs配ionic不错。
评论0
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

1 2