b、多设备、跨平台
c、即时更新，提高可用性和改进用户的友好体验；
d、有几个新的标签，这将有助于开发人员定义重要的内容；
e、可以给站点带来更多的多媒体元素(视频和音频)，可以很好的替代Flash和Silverlight；
f、涉及到网站的抓取和索引的时候，对于SEO很友好；
缺点： a、安全：像之前Firefox4的web socket和透明代理的实现存在严重的安全问题，同时web storage、web socket 这样的功能很容易被黑客利用，来盗取用户的信息和资料。
b、完善性：许多特性各浏览器的支持程度也不一样。
c、技术门槛: html5简化开发者工作的同时代表了有许多新的属性和API需要开发者学习,想web worker、web socket、web storage等新特性要求对于后台的技术需要有一定的了解,甚至需要深入了解其后面原理和逻辑,而canvas要求视觉和图像算法的一些知识,传统的前端开发者需要掌握更多算法、视觉、 后台甚至浏览器原理的知识,机遇的同时也是巨大的挑战
d、性能：某些平台上的引擎问题导致html5性能低下,同时在不加入GPU（图形处理器）加速的情况下,html5处理复杂音视频, 动画的性能不尽如人意。
e、浏览器兼容性：最大缺点，IE9以下浏览器几乎全军覆没。
<!DOCTYPE html><html>
<head>
<title>黑客帝国效果</title>
</head>
<body>
<canvas id="canvas"></canvas>
<style type="text/css">
body{margin: 0
padding: 0
overflow: hidden}
</style>
<script type="text/javascript">
var canvas = document.getElementById('canvas')
var ctx = canvas.getContext('2d')
canvas.height = window.innerHeight
canvas.width = window.innerWidth
var texts = '0123456789'.split('')
var fontSize = 16
var columns = canvas.width/fontSize// 用于计算输出文字时坐标，所以长度即为列数
var drops = []//初始值
for(var x = 0x <columnsx++){
drops[x] = 1
}
function draw(){
//让背景逐渐由透明到不透明
ctx.fillStyle = 'rgba(0, 0, 0, 0.05)'
ctx.fillRect(0, 0, canvas.width, canvas.height)//文字颜色
ctx.fillStyle = '#0F0'
ctx.font = fontSize + 'px arial'//逐行输出文字
for(var i = 0i <drops.lengthi++){
var text = texts[Math.floor(Math.random()*texts.length)]
ctx.fillText(text, i*fontSize, drops[i]*fontSize)
if(drops[i]*fontSize >canvas.height || Math.random() >0.95){
drops[i] = 0
}
drops[i]++}}
setInterval(draw, 33)
</script>
</body>
1、安全：像之前 Firefox 4 的 Web Socket 和透明代理的实现存在严重安全问题，同时 Web Storage、Web Socket 这样的功能很容易被黑客利用，
来盗取用户的信息和资料，另外 HTTP 的机制导致了 Web 应用安全性有所欠缺，
这将在很长的时间内成为问题。
2、性能：某些平台上的引擎问题导致 HTML5 性能低下。同时在不加
入 GPU 加速的情况下，HTML5 处理复杂音视频、动画的性能不尽如人意。
3、完善性：HTML5 还在成熟和发展中，像之前曾经支持的 Web SQL
Database，W3C 已经决定不再维护。许多特性各浏览器的支持程度也不一样，
而地理定位 API 在国内的前途还不清晰。
4、技术门槛：HTML5 简化开发者工作的同时代表了有许多新的属性和
API 需要开发者学习，像 Web Worker、Web Socket、Web Storage 等新特
性要求对于后台的技术需要有一定的了解，甚至需要深入了解其后面原理和逻
辑，而 Canvas 要求视觉和图像算法的一些知识。传统的前端开发者需要掌握更
多算法、视觉、后台甚至浏览器原理的知识，机遇的同时也是巨大挑战。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）