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

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