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