移动端HTML5开发 选择方案

如今出现了大量的CSS前端框架,但真正优秀的框架只有少数几个。

本文将会比较其中五个最佳的框架。每个框架都有自己的优点和缺点,以及具体的应用领域,你可以根据自己的具体项目需求进行选择。此外,许多选项都是模块化的,允许你仅使用所需的组件,甚至可以混合使用来自不同框架的组件。

本文依据各个框架的GitHub流行度来顺序介绍。

Bootstrap

Bootstrap是目前可用框架中无可争议的领导者。其人气日益增长,你可以放心的选择这个框架,而不必担心项目会失败,因为具有广泛使用基础的框架,不太可能被抛弃。

  • 创作者: Mark Otto 和 Jacob Thornton.
  • 发行: 2011
  • 当前版本: 3.3.7
  • 人气: GitHub上有111,000颗星
  • 说明: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在网络上开发响应式、移动的Web项目。
  • 核心概念/原则: RWD和移动端优先。
  • 框架大小: 154 KB
  • 预处理器: LessSass
  • 响应式布局:是
  • 模块化:是
  • 启动模板/布局:是
  • 图标集: Glyphicons Halflings设置
  • 附加/附件:无捆绑,许多第三方插件可用。
  • 独特组件: Jumbotron
  • 文档资源:良好
  • 自定制:基本GUI定制器。但是你需要手动输入颜色值,因为没有颜色选择器可用。
  • 浏览器支持: Firefox,Chrome,Safari,IE8 +(您需要IE8的Respond.js
  • 许可证: MIT

Bootstrap说明

Bootstrap的广泛流行是它的优势所在。在技术上,它不一定比列表中的其它框架更好,但它提供了比其它四个框架更多的资源(文章和教程、第三方插件和扩展、主题构建器等)。简而言之,Bootstrap 无处不在,这是人们继续选择的主要原因。

https://www.zhihu.com/question/35069742

前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目前这四种是开发者用的最多使用最广的底层框架,也由此衍生了大量基于这些框架的免费UI库。  -----talkweb 移动端html5 采用 Vue 开发...   主要用于微信公众号的开发...

原文地址:https://www.cnblogs.com/porter/p/9186518.html

时间: 2024-10-17 18:00:30

移动端HTML5开发 选择方案的相关文章

移动端HTML5开发心得(转)

1. iOS里fixed中有input或者textarea,用户在里面输入文字,触发键盘,fixed容器会居中显示,而不是继续悬浮 解决办法: http://dwz.cn/CrwNz 2.移动端click时间300ms延迟 解决办法:zepto.js  或者百度touch.js 或者是fastclick.js 3.zepto的touch问题:swipe事件在小米1等低端手机不支持 基本不用zepto 4.百度的touch.js通过touch.on进行绑定事件,但是点击会遇到点透问题,也就是父级触

移动端HTML5开发问题汇总-样式篇

问题:Android 上圆形图片使用 border 时,边框显示变形 解决:给 img 外嵌套一个元素,为其使用圆角 <div> <img src=""> </div> div{ display: inline-block; border-radius: 50%; border: 4px solid #FF7000; } img{ vertical-align: top; } 问题:Android 上圆角元素,背景颜色会溢出 解决: { backgr

第一篇:Unity3d游戏开发之移动端完整包更新方案

由于Unity没法进行热更新,也就是局部更新,所以如果你在设计之前没有考虑好使用Lua,反射,或者其他方式实现热更新,但是又要面临游戏上线那么你可以考虑使用完整包更新,其实这对于游戏包不是很大的情况下,也是一个不错的选择,当然设计者在设计之初都想好了热更新那就宁当别论了. Unity3d 在移动端考虑Android和Ios平台的完整包更新 实现逻辑: 首先检查本地的版本和服务器的版本是否相同,如果相同则直接进入游戏,如果不同则下载服务器的最新文件,然后根据最新文件到资源服务器下载最新的安装包 我

0075 移动开发选择和技术解决方案:单独、响应式、normalize.css、border-box、移动端特殊样式

4.1移动端主流方案 1.单独制作移动端页面(主流) 通常情况下,网址域名前面加 m(mobile)可以打开移动端.通过判断设备,如果是移动设备打开,则跳到移动端页面. 也就是说,PC端和移动端为两套网站,pc端是pc端的样式,移动端再写一套,专门针对移动端适配的一套网站. 京东pc端.移动端: 2.响应式页面兼容移动端(其次) 响应式网站:即pc和移动端共用一套网站,只不过在不同屏幕下,样式会自动适配. 4.2 移动端技术解决方案 1.移动端浏览器兼容问题 移动端浏览器基本以 webkit 内

html5开发移动端app的7大优势(一)

移动web端APP是如今市场份额占据霸主,自html5开发语言正式封稿后,使用html5语言开发app应用带来的用户体验和制作难度是其他语言远远不如的.本文华清创客学院为读者解析html5开发移动端app的7大优势.让对html5感兴趣的读者更好的了解html5网页开发技术. html5开发移动端app的7大优势(一): 1.跨平台: 开发者的幸福指数随着多屏时代的来临岌岌可危.人人都期盼HTML5能扮演救星.多套代码.不同技术工种.业务逻辑同步,这是折磨人的过程.有点类似个人电脑早期世界,那个

工若善其器,必然利其事。 HTML5开发工具选择

本人没有美工功底,学习html5的主要目的也不是为了做网页设计, 而是学习其脚本语言javascript的编写, 还有就是CSS. 于是在网上到处找html5开发的资料,html5的开发工具等等. 网上很多朋友都推荐有好几款开发工具,我也试着下载安装过有好几款, 其中网友比较多使用的是dreamweaver, 但本人觉得Dreamweaver对于网页设计者来说应该是最佳的选择,  但由于 Dreamweaver没有调试功能,而且javascript的自动提示功能不怎么好使,作为代码编写为主的开发

移动端WEBAPP开发遇到的坑,以及填坑方案!持续更新~~~~

前言:在移动端WEBAPP开发中会遇到各种各样的问题,通过此文对遇到的问题做一个归纳总结,方便自己日后查询,也给各位前端开发友人做一个参考.   此文中涉及的问题是本人开发中遇到的,解决方案是本人思考和查询资料的结果,纯属于个人的见解,一个需求,纵有千百种实现方式,所以如有歧义,请温柔吐槽! 此文会持续更新,前期内容会比较杂乱,待Q&A积累到一定量后,会进行整理. css3 1.Q:css3动画在Ios运行正常,在Android无法运行.因‘-webkit-’前缀未正确书写导致  A:-webk

移动端页面开发

移动端页面开发 移动客户端的开发类型(站在前端立场上来说),主要是三种:Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iPhone iPad就是纯Object-C,安卓就是纯JAVA, 是性能最棒的开发方式,但灵活性不好.Web App, 就是在移动浏览器里打开的,纯HTML+CSS+JS,说白了就是个网页,只不过非常的富应用,比如手机浏览器访问的GMAIL.就是在浏览器里打开的页面.IOS支持可以在桌面创建访问的快捷方式,但是说到底还是打开Safari跑.而且对

移动端HTML5性能优化

[导读] 得益于智能手机的普及和各行各业互联网+的运动,移动端的市场占比疯狂增长. 2016年1月发布的2015年电商数据显示,2015年中国移动端网购交易额同比暴涨123 2%,在网购总交易额中的占比首次超越PC端达到55%. 技术上,HTML5大行其道: 1:有数据显示,截至2015,有80%的App全部或部分基于HTML5. 2:谷歌浏览器于9月1日起不在支持自动播放Flash. 3:亚马逊旗下网站(包括Amazon.com门户在内)的所有广告将不再使用flash.在可预见的未来,flas