HTML5课程

1.新语义化标签：section、header、footer、nav、article、aside、figure、dialog、time、meter、mark、progress、video

2.最新的属性和方法
selectors API选取元素
getElementsByClassName选取class,包括其中的属性：item namedItem
window.JSON API : JSON.stringify() JSON.parse()
Data-* : 标记可以用来的自定义数据
classList接口 : item() contains() add() remove() toggle()
拖拽事件 : drag drog , 包括的方法：dragenter、dragover、
dragenter、dragleave等。如何读取数据：dataTransfer readAsDataURL等
制作一个拖拽图片的效果等

3.canvas画图 :
最基本的操作：getContext 画方块画圆等
路径操作：beginPath closePath moveTo lineTo等
文字操作：阴影，字体变换等
变换操作：曲线，变形，缩放，旋转等
图片的操作：背景，图片 drawImage(),制作一个图片旋转效果
高级操作：像素级操作，webGL 3D、画一幅画

4.audio video (音频视频)
与flash等其他播放的区别
什么是：视频容器、编解码器
播放元素：source controls type loop等
常用控制函数：load() play() pause() canPlayType()
介绍：媒体特性、和video元素的额外特性等
做一个video与canvas结合的时序查看器

5. Forms API (表单操作)
新的表单元素: tel email url search range等
移动端与PC端表现的差异性
介绍未来的forms元素: number color datetime等
新的表单函数：placeholder autocomplete autofocus等
制作一个html5的表单验证效果

6.Geolocation (地理位置信息)
Geolocation API介绍：getCurrentPostion updateLocation等
经纬坐标介绍，latitude(纬度) longitude(经度) accuracy(准确度)等
如何获取数据 : IP地址、GPS全球定位 Wi-Fi等
关于Geolocation的隐私机制
如果与主流地图结合，获取位置信息：mapabc 百度地图等

7.postMessage\xhr Lever 2 (跨源文档消息通信)
postMessage的操作 : iframe、标签页、窗口进行跨源通信
postMessage API介绍 : message data origin等
XMLHttpRequest Lever 2加强版ajax介绍
跨域：XMLHttpRequest设置
最新的xhr Lever 2事件 : progress(进度事件) load error等
拖拽上传文件进度条效果

8.本地与离线存储
web Storage 与传统cookie的区别
本地存储：sessionStorage localStorage 的不同
用sessionStorage解决cookie存在的存储问题
通过浏览器查看存储情况
离线存储 : mainfest文件设置，包括 : network fallback等
离线的缓存、更新的处理细节

9.webSockets(双开工通信)
webSockets 与 http 请求的区别
如何去配置支持webSockets的服务器：nodeJs介绍
介绍网络传输的过程
webSockets API : onopen onmessage send等
利用webSockets制作的聊天室

10.web Workers(多线程后台处理)
多线程与单线程的区别
多个javascript文件的加载与执行
workers API : 数据postMessage importScripts等
workers的嵌套使用
优化、数据管理自己的网站

巴特西

HTML5课程

最新文章

热门文章