Flash真的老了,HTML5将取代其地位

时间:2023-03-09 20:43:38
Flash真的老了,HTML5将取代其地位

  简单讲一些网页开发的趋势吧!

  Flash老了

  Flash是一个落后于时代的技术,靠对客户端的高资源占用率来获取传输过程的低带宽占用。

  Flash不再安全

  Flash是一个落后于时代的技术,靠对客户端的高资源占用率来获取传输过程的低带宽占用。

  窄带时代,Flash能节省带宽资源,客户端应用也相对简单;

  在宽带时代,随着Adobe对Flash不断做加法,其客户端应用研发已经处于失控状态:一些并不复杂的应用,即便在配置很高的PC跑起来都不能保证流畅,更别提CPU、GPU占用率,即便Adobe宣布支持硬件加速后,这种情况依然没有改善,而且频繁爆出大量的严重安全漏洞,让用户都心惊胆跳,怕个人数据泄露。

  Flash带来了卡顿

  Flash由于过于的臃肿,而且其运行效率的问题,频繁造成浏览器的卡顿,很多时候一些置顶的轮播图都能造成页面卡死。

  Flash即将停止维护开发

  Adobe将于2020年停止开发更新Flash。而微软也在公告中强调,将于2020年年底从Windows系统中完全清除Flash Player插件。

  HTML5来了

  HTML5

  随着HTML5标准的到来,网页也更新许许多多的功能,已经比传统Flash强大许多,例如:语义特性,本地存储特性(localStorage),调用硬件接口,实时连接(WebSockets),网页多媒体特性(Audio标签、Video标签),三维、图形及特效特性(SVG、Canvas、WebGL及CSS3的3D功能),CSS3特性(flex弹性盒子布局)。

  localStorage

  HTML5 localStorage本地存储相比传统的Cookie,没有了时间的限制,而且容量更是从4KB变成了5MB以上(不同浏览器标准不同,但肯定都在5M以上)。

  调用硬件接口

  调用硬件接口,通过用户授权可以直接访问硬件接口,实现录音,拍照,录像等等。

  WebSockets

  WebSockets实现服务器主动推送机制,而不需要AJAX轮询,常用于网页实时聊天,实际案例:哔哩哔哩弹幕推送机制和消息推送机制。

  网页多媒体特性

  网页多媒体特性支持播放音频和视频,支持多种视频、音频格式。甚至可以像 哔哩哔哩 视频网站一样,使用自己编写的 Flv.js进行实时转码串流,实现在客户机上把HTML5所不支持的flv格式,转码成可播放的文件。

  图形及特效特性

  图形及特效特性支持直接在网页中制作各种图形式的交互,例如制作2维,3维的游戏,各种可视化交互等等。

  想看详细点的话,可以看看我自己做的一个音乐特效播放器。

  CSS3特性

  CSS3特性比CSS2.0新增了许多布局方式。例如:flex弹性盒子布局,可以实现各种响应式布局,实现自适应的效果,甚至有些时候能只用CSS3就能画出一幅图出来。

  现在很多网站,也已经开始放弃Flash,转而使用HTML5来开发网页,实现跟为多元化操作的网页。