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