摘要:
http://www.cnblogs.com/hacke2/p/4090079.html 阅读全文
摘要:
1、移动web开发这部分跟web前端开发差别不大,使用的技术都是html+css+js。区别为手机浏览器是webkit的天下,pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发,所有最终代码具有跨系统平台的特性。2、web app开发特指的是用ht... 阅读全文
摘要:
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;第二个meta标签是iphone设备中的safari私有m... 阅读全文
摘要:
这篇文章讲到了很多关于手机触摸事件的知识,比如touchstart,touchmove,touchend,对于获取屏幕的左右跟网页版的也是不一样的哦。我以前也比较少接触这方面的知识,最近做一个项目才发现原来用event.pageX是获取不了当前的位置(在手机上)。需要用到var touch = ev... 阅读全文
摘要:
来自bootstrap的另外一个前端框架,专门为移动前端而开发的。Ratchet是一款免费的开源工具,它的主要功能就是,使用简单的HTML、CSS和JS组件就能构建出移动应用程序原型。起初,Ratchet第一个版本是专为iOS服务的,而自最新发布的2.0.0版本起,Ratchet终于开始逐步支持其它... 阅读全文
摘要:
插件特色swipe.js是一个比较有名的触摸滑动插件,它能够处理内容滑动,支持自定义选项,你可以让它自动滚动,控制滚动间隔,返回回调函数等。经常可见使用在移动前端开发中。使用方法下面是一个比较简单的使用例子,添加适当的HTML代码和js代码即可。 window.mySw... 阅读全文
摘要:
Ionic是一个强大的HTML5native app开发框架,它能够帮助你通过HTML、CSS和JavaScript来建立一个类似于native的移动应用。Ionic主要关注应用的视觉、感觉和用户界面交互。这意味着我们并不能替代PhoneGap或者你喜欢的JavaScript框架。相反,Ionic只... 阅读全文
摘要:
iphone手机有一个书签栏上可以将当前在浏览的网页添加到主屏幕,用户添加该选项之后,就可以从桌面上启动这个web程序,让人看起来有点像web app一样,深受许多人的喜爱。但是很多人却不知道或者懒得去设置,本文将介绍一个JavaScript提示用户添加到主屏幕。设定主屏幕图标iOS 的网页图标与传... 阅读全文
摘要:
移动前端界面进去的时候,我们会看到地址工具条,这看起来不怎么像一个APP,那么怎么隐藏掉这个地址条,下面提供了一个比较合适的代码,支持IOS和Android./*! Normalized address bar hiding for iOS & Android (c) @scottjehl MIT ... 阅读全文
摘要:
Swipe.js是一个移动端的滑动插件,使用手指触摸滑动,并且支持左右导航,详情请访问之前的一篇文章介绍:Swipe.js。但却不支持网页版的点击跳转和数字导航,这些需要你自己添加的,之前本来是想使用这个在前端开发中的,最后发现没有这个功能,最近我又开始折腾了一下,发现原来也可以用在桌面版中,只不过... 阅读全文