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

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