HTML5阶段知识点整理
2017-01-24 15:20:53 0 举报
AI智能生成
HTML5是最新的HTML标准,它引入了许多新特性和API,使得开发者能够更轻松地构建现代化的网页应用。HTML5的主要知识点包括:语义化标签、Canvas绘图、视频和音频播放、本地存储、Web Workers、WebSocket等。此外,HTML5还支持跨文档消息传递(postMessage),这使得不同域的页面之间可以进行通信。总之,HTML5为开发者提供了丰富的工具和技术,帮助他们更好地构建高性能、响应式的网页应用。
作者其他创作
大纲/内容
SVG绘图
<svg width="" height="">
<rect width="" height="" x="" y="">
<circle r="" cx="" cy="">
<ellipse rx="" ry="" cx="" cy="">
<line x1="" y1="" x2="" y2="">
<polyline points="5,10 100,200">
<polygon points="5,10 100,200 300,250">
<text>xx</text>
<image xlink:href="" width="" height="">
<g></g>
<defs></defs>
<linearGradident>
<filter>
<feGassianBlur>
地理定位
window.navigator.geolocation
getCurrentPosition( succCB, errCB )
watchPosition()
clearWatch()
拖放API
源对象可以触发的事件
dragstart
drag
dragend
目标对象可以触发的事件
dragenter
dragover
e.preventDefault()
dragleave
drop
源对象事件和目标对象事件间传递数据
e.dataTransfer
setData()
getData()
WebWorker
概念
var w = new Worker('x.js')
w.postMessage('xx');
w.onmessage = function(e){ e.data }
WebStorage
window.sessionStorage
setItem(k, v)
getItem(k)
removeItem(k)
clear()
window.localStorage
setItem(k, v)
getItem(k)
removeItem(k)
clear()
新的语义标签和属性
表单2.0
新的input type
email
url
number
tel
search
range
color
date
month
week
新的表单元素
datalist
progress
meter
output
表单元素的新属性
autofocus
autocomplete
placeholder
multiple
form
required
minlength
maxlength
min
max
pattern
视频和音频
<video src="" controls autoplay loop muted poster="" preload="auto">
<audio controls autoplay loop muted preload="auto">
Canvas绘图
<canvas width="" height="">
var ctx = canvas.getContext('2d')
绘制矩形
ctx.fillRect()
ctx.strokeRect()
ctx.clearRect()
绘制文本
ctx.fillText()
ctx.strokeText()
ctx.measureText().width
绘制路径
ctx.beginPath()
ctx.closePath()
ctx.moveTo()
ctx.lineTo()
ctx.arc()
ctx.stroke()
ctx.fill()
ctx.clip()
绘制图像
ctx.drawImage()
上下文变形
ctx.rotate()
ctx.translate()
ctx.scale()
ctx.save()
ctx.restore()
WebSocket
0 条评论
下一页