您好!欢迎来到静学网! 注册 登入
  • 致力提供中国优质IT教程及新媒体资讯,打造中国品牌教育先锋。

收藏!移动web网站前端开发5大框架集合,手机网站建设必备神器

课程目录 教育推动者 次浏览
本节相对有一些难度,因为涉及到编程相关知识,当然这里不会讲太多,更多的是让大家了解市面上一些比较常用的手机网站前端框架应用,其实也可以将为前端框架,这本来是在前端项目中将的,不过这里既然已经涉及到,我们会有选择性的去讲专门的手机网站框架开发,注意这里是指的是网站,而不是手机应用app,当然很多框架网站及app都是通用的,事实上手机应用app前端框架也有很多,这会在android开发中讲解,本节着重接近手机网站前端框架介绍。
 
之所以用移动网站框架组件,其目前其实还是快速、方便,当然目前不仅仅是组件本身,可能更多的是UI设计本身,一个合格的前端开发人员,应当对UI有着独特的感知能力,这种感知能力应该上升到产品及服务内容、企业文化等等,下面我们开始进入框架介绍。
 

框架一:ionic

 
对于网站开发人员来讲,ionic这个轻量级框架并不陌生,当然更多的是倾向于手机app应用开发,因此在这里将ionic似乎有点不合时宜, ionic它是基于Web技术应用HTML5、CSS3和 JavaScript技术进行智能设备APP开发的框架,具有很好的跨平台性能,被称为 Hybird App框架,即混合模式的移动APP开发框架。
 
之所以受欢迎,是基于其具有原生APP的卓越运行性能、可维护性高、漂亮的Ui设计、轻量级框架、具有强大的命令行工具、与AngularJS完美结合的特性,基本网站特效已经具备。ionic基本安装方法是极为简单的,web开发只需引入文件即可。重点说明,ionic是免费使用的。
 

框架二:jQuery Mobile

 
该款移动web应用框架jQuery框架的一个组件,jQuery Mobile
比较容易上手,无需任何安装其它运行工具支持,只需要引入js及css文件到web页面中即可使用,基本网站事件都具备,只需要少量的代码,就可以实现复杂操作,真正实现多端设备跨越访问,比如智能手机,平板电脑和桌面设备上都可以访问的响应网站和应用。jQuery Mobile也是一款免费的移动应用框架。
 

框架三:SUI Mobile

 
这款移动框架是由阿里巴巴共享业务事业部UED团队开发,其目的在于手机H5页面提供一个常用的组件库,减少重复工作,该款框架也是免费开源的,这是一个十分好的消息。
 
SUI Mobile安装过程也十分简单,同样是引入js和css文件即可使用,值得注意的是要注意引入jquery库,如果要用到拓展包中的组件,还需要引入sm-extend.*组件。
 
SUI Mobile别看简单,其功能是十分强大的,其压缩后的文件网络传输大小不超过52k,当你还在为一些基本功能绞尽脑汁的时候,SUI Mobile已经完成了所需功能,赶紧试一试吧。官网:
 
 

框架四:Frozen UI

 
很遗憾告诉大家,这款移动web框架官网已经无法打开,意味着已经被淘汰或者很少人用,与前面几款一样,Frozen UI同样是一款轻量级移动前端Ui框架,拥有丰富的css组件库,大家可自行到github下载资源。
 

框架五:Framework7

 
不知道大家是否经常用这款国外框架,Framework7是一个免费的开源框架,用于开发具有本机外观和感觉的移动、桌面或web应用程序。它也是一个不可或缺的原型工具,以显示工作的应用程序原型尽快在你需要的情况下。


Framework7
 
Framework7提供了一组令人惊叹的UI组件,可以创建具有本机外观的web应用程序、渐进式web应用程序(PWA)以及iOS和Android应用程序。其安装也十分简单,只需要引入js和css库即可。
 
其它移动web框架我们会在后面一一介绍,就先到这里了。
 



静学网 , 版权所有丨如未注明 , 均为原创丨转载请注明收藏!移动web网站前端开发5大框架集合,手机网站建设必备神器
顶一下
(0)
踩一下
(0)
畅所欲言
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论
友情链接:
自学网
本网站所刊载信息,不代表静学网观点。 刊用本网站稿件,务经书面授权或注明来源。 未经授权禁止转载、摘编、复制及建立镜像,违者将依法追究法律责任。 投稿邮箱:1870447831@qq.com | 举报邮箱:1870447831@qq.com