HTML5培训(天猫伊语衣颜,双十一).ppt

2019/11/25,HTML5入门,作者：陈伟明邮件：chenweiming英文名：clear,2019/11/25,目录,什么是HTML5？我跳过介绍上一次中博培训内容介绍HTML5的大致内容实际应用案例js框架介绍我个人在研究过程中的失败的感受,2019/11/25,什么是HTML5，跳过吧,自己修炼，自己动手丰衣足食,2019/11/25,介绍上一次中博培训内容,规范案例:表单图表HTML5时钟实例多媒体视频和音频senchaanimator,2019/11/25,介绍HTML5的大致内容,表单新特性canvas多媒体播放离线应用本地存储webworkers地理位置信息接口CSS3websocketmediaquery,2019/11/25,表单新特性,表单校验新表单元素演示,2019/11/25,canvas,涂鸦板restore()和save()context.save();context.translate(selectedLayer.offsetX+selectedLayer.width/2),(selectedLayer.offsetY+selectedLayer.height/2);context.rotate(angle);context.translate(0-(selectedLayer.offsetX+selectedLayer.width/2),0-(selectedLayer.offsetY+selectedLayer.height/2);context.restore();,2019/11/25,多媒体播放,羞涩的宝宝,2019/11/25,离线应用,需要服务器端支持CACHEMANIFESTmanifesttext/cache-manifest,2019/11/25,本地存储,DOMStoragewebsqlDatabaseFileSystem目录结构,2019/11/25,webworkers,js中的多线程解决大量计算导致用户界面卡主问题,2019/11/25,获取地理位置信息,getCurrentPosition用来获取用户当前的位置信息，该方法带有三个参数：successCallback：成功获取用户位置信息后的回调函数errorCallback：获取用户位置信息失败时的回调函数positionOptions：可选。获取用户位置信息的配置参数,2019/11/25,获取地理位置信息,watchPositionwatchPosition的三个参数和getCurrentPosition完全一样，,2019/11/25,CSS3,这是一大的点过渡(Transition)动画(animator)变形(Transform)样式(style),2019/11/25,实际应用案例,淘宝手机客户端去哪儿网手机客户端clearSoundCloud是世界领先的基于声音分享的社交平台，每个人可以录制并上传自己的声音，同时分享给社区的好友豆瓣淘宝优酷.,2019/11/25,js框架介绍,jquery与zeptosenchatouch与jquerymobilephoneGapbackbone.js是一个基于jquery和underscore.js库的一个web端的MVC框架commjs标准,2019/11/25,jquery与zepto,jquery适合于PCweb技术zepto适合于移动设备技术,2019/11/25,commjs标准,一个标准，一个规范，用于规范化代码，譬如模块，包机制等,2019/11/25,我个人在研究过程中的失败的感受,dpiontouchmoveontouchendontouchup强制硬件加速translate3d(x,y,z)或者任何只适用于3D的属性，比如-webkit-perspective-webkit-backface-visibility,2019/11/25,HTML5MultiTouchAPI,事件对象$(document.body).on(“touchstart,function(e)console.log(e.touches0.pageX););e.touches=一个包含to