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

  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. 彻底了解构建 JSON 字符串的三种方式

    原创播客,如需转载请注明出处.原文地址:http://www.cnblogs.com/crawl/p/7701856.html 前言:JSON 是轻量级的数据交换格式,很常用,尤其是在使用 Ajax ...

  2. JavaScript函数之实际参数对象(arguments) / callee属性 / caller属性 / 递归调用 / 获取函数名称的方法

    函数的作用域:调用对象 JavaScript中函数的主体是在局部作用域中执行的,该作用域不同于全局作用域.这个新的作用域是通过将调用对象添加到作用域链的头部而创建的(没怎么理解这句话,有理解的亲可以留 ...

  3. ModelForm

    这是一个神奇的组件,通过名字我们可以看出来,这个组件的功能就是把model和form组合起来,对,你没猜错,相信自己的英语水平. 先来一个简单的例子来看一下这个东西怎么用: 比如我们的数据库中有这样一 ...

  4. ASP.NET Core 网站发布到Linux服务器(转)

    出处;ASP.NET Core 网站发布到Linux服务器 长期以来,使用.NET开发的应用只能运行在Windows平台上面,而目前国内蓬勃发展的互联网公司由于成本的考虑,大量使用免费的Linux平台 ...

  5. UWP 手绘视频创作工具技术分享系列 - 手绘视频导出

    手绘视频最终的生成物是视频文件,前面几篇主要讲的是手绘视频的创作部分,今天讲一下手绘视频的导出问题.主要以 UWP 为例,另外会介绍一些 Web 端遇到的问题和解决方法. 如上所述,手绘视频在创作后, ...

  6. LeetCode 219. Contains Duplicate II (包含重复项之二)

    Given an array of integers and an integer k, find out whether there are two distinct indices i and j ...

  7. maven中jetty插件配置

    maven中jetty插件的配置,可用于项目在内置jetty服务器中的部署. <plugin> <groupId>org.mortbay.jetty</groupId&g ...

  8. RabbitMQ 默认端口号

    4369 (epmd), 25672 (Erlang distribution) 5672, 5671 (AMQP 0-9-1 without and with TLS) 15672 (if mana ...

  9. 伤不起的微信小程序

    前段时间不是很忙,刚好公司需要开发一个微信小程序,于是我就入坑了(此坑还是有点深滴,请备好干粮). 我是一名iOS开发工程师,个人觉得入门开发小程序的话,需要基本的web前端知识,比如说:代码的书写格 ...

  10. PHP内写css样式

    <1>php的两种输出方式 1,echo: 2,print; 栗子: <?php echo:"你好,我的名字是LHH"; print:"你好,我的名字是 ...