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

  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来开发网页,实现跟为多元化操作的网页。

Flash真的老了,HTML5将取代其地位的更多相关文章

  1. 为什么Facebook要将视频从Flash全面迁移到HTML5?

    英文原文:Why we chose to move to HTML5 video 编者按:Facebook 前端高级工程师 Daniel Baulig 解释了 Facebook 为什么要将视频全面迁移 ...

  2. 让Flash内心崩溃的HTML5历史

    对于HTML5,在今天这个互联网时代,大部分人应该至少都听说过这个名字,或许很多人对HTML5的了解都起于一句话:FLASH杀手. HTML5其实早已不是什么新鲜的事物了,其最初的雏形早在2004年就 ...

  3. HTML5能取代Android和iOS应用程序吗?

    大量新生移动设备的兴起,改变了互联网的未来.在技术的发展上,HTML5会取代App应用吗?或者说能够在多大程度上取代呢?在HTML5规范中,已经加入了相机.磁力罗盘.GPS信息的支持.很多新兴浏览器也 ...

  4. 无需Flash实现图片裁剪——HTML5中级进阶

    前言 图片裁剪上传,不仅是一个很贴合用户体验的功能,还能够统一特定图片尺寸,优化网站排版,一箭双雕. 需求就是那么简单,在浏览器里裁剪图片并上传到服务器. 我第一个想到的方法就是,将图片和裁剪参数(x ...

  5. HTML5能取代IOS原生应用吗

    介绍 移动应用程序(App)和HTML5都是目前最火的技术,二者之间也有不少重叠之处.在移动设备浏览器里运行的html5的web页面,也可以重新打包成不同平台上运行的app.目前很多浏览器都有很好的跨 ...

  6. HTIML5 真的打败了Flash?新测试结果出人意料

    [编者按]本文最早发布于 2010 年,通过 Flash 与 HTML5 在 Mac 及 Windows 平台不同浏览器中的测试表现,比较两者的性能并分析背后的原因.虽然是一篇老文,但其客观冷静的分析 ...

  7. 图片本地预览 flash html5

    dataURI 一种能够在页面嵌入外部资源的URI方案.能够降低图片或者样式表的http请求数量,提高效率. ie8把dataURI 的属性值限制在32k以内. 图片本地预览: 由于安全原因,通过fi ...

  8. Flash生成HTML5动画方法

      方法一:利用“swiffy”将Flash转换成HTML5动画. 首先,我们需要下载一款基于“Flash”程序的插件,名称为“swiffy”,这是一款由谷歌推出的一个Flash扩展,可以通过“Fla ...

  9. 无需Flash录视频——HTML5中级进阶

    前言 HTML5的权限越来越大了,浏览器可以直接调用摄像头.麦克风了,好激动啊.我们要用纯洁的HTML代码造出自己的天地. 视频采集 本篇介绍的栗子 都是在chrome 47 版本以上的,低版本的可能 ...

随机推荐

  1. invalid types 'int[int]' for array subscript// EOF 输入多组数据//如何键盘输入EOF

    数组维度搞错了 一次运行,要输入多组数据,直到读至输入文件末尾(EOF)为止 while(scanf("%d %d",&a, &b) != EOF) // 输入结束 ...

  2. 怎么样防止Sql注入

    (1)对于动态构造SQL查询的场合,可以使用下面的技术: 第一:替换单引号,即把所有单独出现的单引号改成两个单引号,防止攻击者修改SQL命令的含义.再来看前面的例子,“SELECT * from Us ...

  3. 【转】Sizeof与Strlen的区别与联系

    原文地址:http://www.cnblogs.com/carekee/articles/1630789.html 1.sizeof  sizeof(...)是运算符,在头文件中typedef为uns ...

  4. 【ASP.NET MVC 学习笔记】- 13 Child Action

    本文参考:http://www.cnblogs.com/willick/p/3410855.html 1.Child action 和 Patial view 类似,也是在应用程序的不同地方可以重复利 ...

  5. PHP二分查找算法

    思路:递归算法.在一个已经排好序的数组中查找某一个数值,每一次都先跟数组的中间元素进行比较,若相等则返回中间元素的位置,若小于中间元素,则在数组中小于中间元素的部分查找,若大于中间元素,则在数组中大于 ...

  6. BZOJ-1225-[HNOI2001] 求正整数

    Description 对于任意输入的正整数n,请编程求出具有n个不同因子的最小正整数m.例如:n=4,则m=6,因为6有4个不同整数因子1,2,3,6:而且是最小的有4个因子的整数. Input n ...

  7. R学习笔记 第四篇:函数,分支和循环

    变量用于临时存储数据,而函数用于操作数据,实现代码的重复使用.在R中,函数只是另一种数据类型的变量,可以被分配,操作,甚至把函数作为参数传递给其他函数.分支控制和循环控制,和通用编程语言的风格很相似, ...

  8. 业余草双因素认证(2FA)教程

    所谓认证(authentication)就是确认用户的身份,是网站登录必不可少的步骤.密码是最常见的认证方法,但是不安全,容易泄露和冒充.越来越多的地方,要求启用双因素认证(Two-factor au ...

  9. R学习笔记 第五篇:数据变换和清理

    在使用R的分组操作之前,首先要了解R语言包,包实质上是实现特定功能的,预先写好的代码库(library),R拥有大量的软件包,许多包都是由某一领域的专家编写的,但并不是所有的包都有很高的质量的,在使用 ...

  10. HDU 1074 Doing Homework (状态压缩DP)

    Doing Homework Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)To ...