html5黑客（黑客界面html源码）
本文目录一览：
- 1、为何FLASH文件(*swf)在主流浏览器均不受支持?它的功能被HTML5中的哪个标记
- 2、目前HTML5 还有哪些不足之处
- 3、html5有哪些优点和缺点
- 4、html5黑客帝国下面代码大概什么意思呀。谢啦
为何FLASH文件(*swf)在主流浏览器均不受支持?它的功能被HTML5中的哪个标记
1,不支持的原因是因为安全问题,在还在运行时期其安全漏洞都以每年百个增长.而后到2016年每年已经达到千个漏洞增长,黑客可以通过FLASH打开摄像头,获取地理位置,记录你的操作,浏览记录,和其他软件的信息.这些因为flash是插件形式独立于浏览器,浏览器的安全防护和系统杀毒是无法查杀这些的.adobe已经无力修复漏洞,所以最终决定取消FLASH插件.
2,HTML5 canvas也就是H5画布标签,说取代也不对,h5本身就在发展,FLASH之所以叫闪电,意思就是弥补网络动画传输过慢问题,是属于弥补html的存在,现代网页等于并不在需要插件弥补就可以运行.同时,h5还有几个特点,开发更快,代码更简单,能提高开发效率,语言是开源的,和FLASH用的AS只属于ADOBE来解释不同,任何人都可以0负担使用H5的JS语言版权属于世界共有.因为是开源语言,安全软件也可以查杀H5相关的资源,防止病毒和黑客.同时开源的性质也意味着世界上所有的代码库都可以使用, 而不想FLASH只能使用ADOBE开发的AS库.开发已经没有界限限制,任何交互的东西都可以用H5来制作出来.
目前HTML5 还有哪些不足之处
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 要求视觉和图像算法的一些知识。传统的前端开发者需要掌握更
多算法、视觉、后台甚至浏览器原理的知识，机遇的同时也是巨大挑战。
html5有哪些优点和缺点
优点：a、网络标准统一、HTML5本身是由W3C推荐出来的。
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以下浏览器几乎全军覆没。
html5黑客帝国下面代码大概什么意思呀。谢啦
HTML：
canvas id="c"/canvas
CSS：
canvas {display: block;}
JS：
var c = document.getElementById("c");
var ctx = c.getContext("2d");
//全屏
c.height = window.innerHeight;
c.width = window.innerWidth;
//文字
var txts = "0123456789";
//转为数组
txts = txts.split("");
var font_size = 16;
var columns = c.width/font_size;
//用于计算输出文字时坐标，所以长度即为列数
var drops = [];
//初始值
for(var x = 0; x columns; x++)
drops[x] = 1;
//输出文字
function draw()
{
//让背景逐渐由透明到不透明
ctx.fillStyle = "rgba(0, 0, 0, 0.05)";
ctx.fillRect(0, 0, c.width, c.height);
ctx.fillStyle = "#0F0"; //文字颜色
ctx.font = font_size + "px arial";
//逐行输出文字
for(var i = 0; i drops.length; i++)
{
//随机取要输出的文字
var text = txts[Math.floor(Math.random()*txts.length)];
//输出文字，注意坐标的计算
ctx.fillText(text, i*font_size, drops[i]*font_size);
//如果绘满一屏或随机数大于0.95（此数可自行调整，效果会不同）
if(drops[i]*font_size c.height || Math.random() 0.95)
drops[i] = 0;
//用于Y轴坐标增加
drops[i]++;
}
}
setInterval(draw, 33);
解释了的很详细了。
