HTML5 移动Web

一、本地存储

　　localStorage

　　sessionStorage

　　Storage事件监听

二、移动Web的离线应用

　　离线与缓存

　　ApplicationCache、manifest

三、HTML5表单元素

　　input

　　　　search

　　　　email

　　　　number

　　　　range

　　　　tel

　　　　url

四、移动Web界面样式

　　CSS3

　　属性选择器

　　伪类选择器

　　阴影

　　

　　　　box-shadow

　　　　text-shadow

　　背景

　　

　　圆角边框

　　Media Queries

五、Geolocation 地理定位

　　获取当前位置

　　监视移动设备的位置变化

六、jQuery Mobile

　　页面与视图

　　button按钮

　　Bar工具栏

　　内容区域格式布局

　　Form表单

　　List列表

　　Event事件

　　

七、Sencha Touch

　　事件管理

　　核心组件库

　　Toolbar

　　Tabs选项卡

　　Carousel

　　Overlays遮罩层

　　Pick选择器

　　List列表

　　MVC开发模式

八、PhoneGap

　　硬件设备接口

　　软件接口

　　Events事件

　　HTML5特性

　　　　Geolocation定位位置

　　　　Storage特性

时间： 2024-10-07 22:01:57

HTML5 移动Web的相关文章

HTML5之WEB Storage

什么是HTML5 web storage? 使用HTML5,web页面能够使用用户的浏览器本地保存数据. 在曾经,通常我们使用cookie来保存用户数据.然而使用web存储更加安全和高速. 数据不再包括在每个server请求中,仅仅存在你须要的时候.同一时候我们也能够保存大量数据,而不影响站点的性能. 数据都保存成key/value形式,一个web页面仅仅能够訪问自己的数据. 浏览器支持 IE8+,Firefox,Chrome.Opera和Safari 5都支持这个特性. 注意IE7和更早版本号

HTML5离线Web应用实战：五步创建成功

[IT168 技术]HTML5近十年来发展得如火如荼,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化.HTML功能越来越丰富,支持图片上传拖拽.支持localstorage.支持web sql database.支持文件存储api等等.它任重而道远,致力于将Web带入一个更为成熟的应用平台.在所有炫酷特性中,最让我喜欢的是它具有离线缓存Web应用的功能. 开发离线Web 应用程序:三大核心功能 在开发支持离线的 Web 应用程序时,开发者通常需要使用以下三个方面的功能:

基于html5 localStorage , web SQL, websocket的简单聊天程序

new function() { var ws = null; var connected = false; var serverUrl; var connectionStatus; var sendMessage; var connectButton; var disconnectButton; var sendButton; var open = function() { var url = serverUrl.val(); ws = new WebSocket(url); ws.onope

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web App “使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新. 该系列的文章实质上分成四个部分,分别是总体概况.jQuery Mobile 组件.jQuer

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容. “jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会有适当的处理,开发者可以使用 bind() 函数绑定到需要的页面对象中. 值得

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 页面事件与 deferred

在系列的上一篇文章<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解>中,Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件,而页面事件由于事件数较多,并且涉及 jQuery 中一个比较复杂的对象 deferred ,因此在本文中单独说明.jQuery Mobile 页面事件使用分为页面加载事件 (Page load events),页面跳转事件 (Page change events),页面显示/隐藏事件 (

通过一次实验来了解HTML5的 Web Worker

web worker 是运行在后台的 JavaScript,不会影响页面的性能. 当在 HTML 页面中执行脚本时,页面的状态是不可响应的,直到脚本已完成. web worker 是运行在后台的 JavaScript,独立于其他脚本,不会影响页面的性能.您可以继续做任何愿意做的事情:点击.选取内容等等,而此时 web worker 在后台运行. 以上是W3School对WebWorker的定义,讲的非常明确.在这段解释中,我一眼就看到了一句话“执行脚本时,页面状态是不可响应的”,这让我想到了BO

Monotype推出基于HTML5的Web字体平台

著名字体公司Monotype近日宣布推出基于HTML5的Web字体平台,设计者可以访问近10万字体的目录. Monotype正在打造一个集全功能于一身的Html5字体平台,目的是为用户提供一站式解决方案.品牌可以授权新的字体,或者使用来自合法来源的第三方字体包,Monotype在此平台上向用户默认提供14个免费字体系列.目前的Web字体平台针对的是品牌和企业,该公司希望能尽快把它提供大众消费者. 目前网页设计师已将目光转向HTML5,但是如何获得获得高质量的字体仍然让他们头疼.虽然目前已经有一些

html5手机Web单页应用实践--起点移动阅读

一开始以hybrid形式做了一个android的小说阅读客户端,叫4G阅读.而后由于业务需求,要迅速实现纯手机html5 版的,所以就直接在原先客户端内内嵌的网页进行改版,快速实现以后在优化的过程中发现越改越多越改越多- 注意此web应用只支持android及iphone内的浏览器,及PC或mac上的chrome,safari,firefox等支持html5的浏览器.IE10以上浏览器 这算是试验版了吧,以前没这么弄过.. 手机访问http://crapi.4gshu.com:8096/4g-r

基于HTML5的Web跨设备超声波通信方案

前言:Chirp在iPhone上掀起了有声传输文件的序幕,我们再也不需要彩信.蓝牙配对.IM来传送数据.它通过“叽叽喳喳”的小鸟叫声来分享数据,简单有趣,而且可以快速的实现一对多的分享. 此外支付宝曾经试推过“声波支付”,利用手机发送超声波至终端作为交易密码进一步完成交易.然而支付宝的技术目前只是使用在了支付上,而需要可接受声波支付的特定售货机方可使用. <Advanced Sound for Games and Interactive Apps - WebAudio API>的作者Boris