用說(shuō)， Flash的效果大家都清楚。實(shí)際上，HTML5和JavaScript擁有很多新屬性，可以用它們來(lái)替代Flash。W3Cschool精選16個(gè)超牛逼的HTML5和JavaScript特效，看了這些特效，未來(lái)的Web發(fā)展前途無(wú)量。

1.特效：FlowerPower

創(chuàng)作者使用花朵作為畫(huà)刷，以貝茲曲線方式繪圖。

2.特效：Breathing Galaxies

動(dòng)態(tài)變換直徑及顏色，可通過(guò)鼠標(biāo)或鍵盤(pán)產(chǎn)生新形狀，這個(gè)效果不錯(cuò)!

3.特效：Noise Field

移動(dòng)鼠標(biāo)可改變粒子運(yùn)動(dòng)，點(diǎn)擊可隨機(jī)生成不同粒子效果。

4.特效：HTML5 Canvas粒子效果文字動(dòng)畫(huà)特效

W3Cschool利用HTML5，制造出了粒子效果文字動(dòng)畫(huà)特效。只要你輸入框中輸入想要展示的文字，回車后即可在canvas上繪制出粒子效果的文字動(dòng)畫(huà)，相當(dāng)酷的動(dòng)畫(huà)效果。

5.特效：Swirling Tentacles

三維脈沖效果，沿著脈沖線有運(yùn)動(dòng)的顏色漸變模塊。

6.特效：Keylight

雙擊生成兩個(gè)以后的鍵即可發(fā)出聲音，移動(dòng)鍵的位置可產(chǎn)生不同的聲音效果。W3Cschool上面有很多這樣的教程，有興趣可以去看一下！

7.特效：Rotating Spiral

旋轉(zhuǎn)的螺旋效果，單擊可以控制開(kāi)始和停止旋轉(zhuǎn)，是不是覺(jué)得高大上？

8.Blob

拖動(dòng)水滴有重力效果，雙擊可以分離，小水滴碰到大水滴會(huì)合并。

9.Trail

彩色顆粒跟隨鼠標(biāo)運(yùn)動(dòng)效果，帶尾巴淡出效果。

10.Graph Layout

一種交互的力向圖布局效果，刷新三觀。

11.Typographic Effects

使用HTML5 Canvas實(shí)現(xiàn)的文本特性，效果超過(guò)Flash。

12.Crazy Tentacles

移動(dòng)鼠標(biāo)可以進(jìn)行涂鴉，點(diǎn)擊鼠標(biāo)可以清除畫(huà)布，看著確實(shí)瘋狂。

13.Nebula

吸引眼球的粒子系統(tǒng)，目的是測(cè)試WebGL性能，如果滑動(dòng)鼠標(biāo)，可以產(chǎn)生絢麗效果。

14.WebGL Globe

WebGL Globe 是一個(gè)開(kāi)放的地理數(shù)據(jù)可視化平臺(tái)，我們鼓勵(lì)你復(fù)制代碼，添加自己的數(shù)據(jù)，創(chuàng)建自己的應(yīng)用。

15.Particle Playground

用鼠標(biāo)和粒子進(jìn)行交互，能發(fā)現(xiàn)不一樣的精彩。

16.Surface

使用WebGL實(shí)現(xiàn)的水面特效實(shí)驗(yàn)，可放入一張照片，使用鼠標(biāo)觸動(dòng)水面會(huì)有奇特效果。

上面的HTML5和JavaScript特效，簡(jiǎn)直趕超F(xiàn)lash。W3Cschool上面有很多用戶留言稱HTML5和JavaScriptit將替代Flash，不過(guò)對(duì)于這種說(shuō)法，也不知道怎么去評(píng)判。畢竟這些用戶說(shuō)的也是很有道理，你認(rèn)為JavaScriptit會(huì)替代Flash嗎?很想知道你的答案!

公眾號(hào)：w3c技術(shù)教程

提供專業(yè)的web技術(shù)教程、手冊(cè)、工具。

電腦用的什么瀏覽器？知道市面上各種國(guó)內(nèi)外知名瀏覽器使用的都是什么內(nèi)核、各家的優(yōu)缺點(diǎn)又什么嗎？這里為大家詳細(xì)對(duì)比了Chrome、Firefox、Opera、Edge、Safari、獵豹安全、搜狗、360等之名瀏覽器的詳細(xì)優(yōu)缺點(diǎn)介紹。

Google Chrome

WebKit內(nèi)核

是一個(gè)由Google公司開(kāi)發(fā)的網(wǎng)頁(yè)瀏覽器。該瀏覽器是基于其他開(kāi)源軟件所撰寫(xiě)，包括WebKit，目標(biāo)是提升穩(wěn)定性、速度和安全性，并創(chuàng)造出簡(jiǎn)單且有效率的使用者界面。

優(yōu)點(diǎn)：界面簡(jiǎn)約、漂亮。Google Chrome瀏覽器優(yōu)點(diǎn)就是如果你可以登錄他的插件商城會(huì)得到非常強(qiáng)大的第三方插件支持，國(guó)內(nèi)很多瀏覽器都是用他的內(nèi)核或者是Chrome+IE的雙核瀏覽器。

缺點(diǎn)：非常占用系統(tǒng)資源，不太方便的歷史記錄查看方式，字體渲染Chrome不如FireFox。

Firefox

Gecko內(nèi)核

是一個(gè)自由及開(kāi)放源代碼的網(wǎng)頁(yè)瀏覽器，用Gecko排版引擎，支持多種操作系統(tǒng)，如Windows、Mac OS X及GNU/Linux等。該瀏覽器提供了兩種版本，普通版和ESR（Extended Support Release，延長(zhǎng)支持）版，ESR版本是 Mozilla 專門(mén)為那些無(wú)法或不愿每隔六周就升級(jí)一次的企業(yè)打造。

優(yōu)點(diǎn)：完全開(kāi)源任何人都可以對(duì)其進(jìn)行修改。部分功能優(yōu)化極好，其網(wǎng)頁(yè)源代碼分析功能對(duì)于專業(yè)人士提取網(wǎng)頁(yè)素材非常有用。在安全性上具有絕對(duì)優(yōu)勢(shì)，火狐自身有阻止彈出性窗口的功能，在插件的配合下擴(kuò)展性能極為強(qiáng)大。可以實(shí)現(xiàn)基本上所有瀏覽器的功能。

缺點(diǎn)：內(nèi)存消耗大，啟動(dòng)慢，IE網(wǎng)頁(yè)兼容性較差，更適合配置較高的電腦使用。下載完瀏覽器后還要重新裝Abode flash插件，并且一般方法還裝不了，因?yàn)椴患嫒荨?/p>

Opera瀏覽器

Presto內(nèi)核

瀏覽器的先驅(qū)，探索者，現(xiàn)在各種各樣的瀏覽器很多功能都是效仿Opera。是一個(gè)小巧而功能強(qiáng)大的跨平臺(tái)互聯(lián)網(wǎng)套件，包括網(wǎng)頁(yè)瀏覽、下載管理、郵件客戶端、RSS閱讀器、IRC聊天、新聞組閱讀、快速筆記、幻燈顯示（Operashow）等功能。它還提供很多方便的特性，包括Wand密碼管理、會(huì)話管理、鼠標(biāo)手勢(shì)、鍵盤(pán)快捷鍵、內(nèi)置搜索引擎、智能彈出式廣告攔截。

優(yōu)點(diǎn)：速度在眾多瀏覽器中比較突出，Opera瀏覽器因?yàn)樗目焖佟⑿∏伞＠锩娴奶畋砉δ芎凸P記功能非常實(shí)用。尤其是發(fā)布各種廣告的時(shí)候。總是與與眾不同，非常有個(gè)性，不會(huì)刻意去模仿誰(shuí)，而是別人一直在模仿他。

缺點(diǎn)：兼容性比較差、功能還不夠人性化，還不夠DIY、有一些實(shí)用的功能，但宣傳力度不夠，很多人都不知道這個(gè)品牌。

Edge

EdgeHTML內(nèi)核

微軟發(fā)布的新操作系統(tǒng)——Windows 10內(nèi)置代號(hào)為“Project Spartan”的新瀏覽器被正式命名為“Microsoft Edge”。其內(nèi)置于Windows 10版本中并且為Windows 10獨(dú)占。

優(yōu)點(diǎn)：在于界面簡(jiǎn)潔清新、速度極快，上手也非常容易。整個(gè)頁(yè)面非常干凈，甚至收藏夾欄默認(rèn)都是隱藏的。

缺點(diǎn)：相對(duì)來(lái)說(shuō)Chrome等瀏覽器看上去像是2008年的產(chǎn)物。Edge底層內(nèi)核并不完善。它不支持最新的Webm視頻播放，該格式的視頻基于HTML5，更加小巧，相比f(wàn)lash更適合嵌入到網(wǎng)頁(yè)中。然而八個(gè)月過(guò)去了，微軟依然沒(méi)有兌現(xiàn)Edge支持Webm的承諾。

Internet Explorer

Trident內(nèi)核

是微軟公司推出的一款網(wǎng)頁(yè)瀏覽器。原稱Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7、8、9、10、11版本)，簡(jiǎn)稱IE。在IE7以前，中文直譯為“網(wǎng)絡(luò)探路者”，但在IE7以后官方便直接俗稱”IE瀏覽器”。

現(xiàn)在很少人在用這款瀏覽器，就不再贅述了。

Safari瀏覽器

WebKit內(nèi)核

Safari瀏覽器是蘋(píng)果Mac OS X平臺(tái)的多標(biāo)簽的網(wǎng)絡(luò)瀏覽器。蘋(píng)果電腦發(fā)布了Windows版本的Safari，它支持Windows XP和Windows Vista操作系統(tǒng)，目前Safari 5正式版已經(jīng)發(fā)布。多國(guó)語(yǔ)言版，自適應(yīng)簡(jiǎn)體中文界面。Safari5完美支持HTML5，還包括大量全新改進(jìn)。

蘋(píng)果的瀏覽器是堅(jiān)持用蘋(píng)果標(biāo)準(zhǔn)的，Web開(kāi)發(fā)者普遍覺(jué)得Safari落后于其它的瀏覽器，有人預(yù)測(cè)它會(huì)是下一個(gè)IE。

獵豹安全瀏覽器

Trident和WebKit

獵豹安全瀏覽器，是由獵豹移動(dòng)公司（原金山網(wǎng)絡(luò)）推出的一款瀏覽器，主打安全與極速特性，采用Trident和WebKit雙渲染引擎，主打安全與極速特性，獵豹號(hào)稱是一款完美融合了Trident和WebKit內(nèi)核的雙核瀏覽器。

獵豹瀏覽器就跟其名字獵豹一樣，以極速的特性著稱，對(duì)安全方面做的比較到位，獵豹采用的BIPS安全體系，這樣利用這個(gè)體系不僅可以惡意網(wǎng)址攔截，也對(duì)重要網(wǎng)址進(jìn)行掃描。界面整體看起來(lái)很整潔，干凈。

搜狗高速瀏覽器

高速模式WebKit核心、兼容模式IE的trident核心

首創(chuàng)雙核引擎，5級(jí)加速體系，兼容雙核的應(yīng)用平臺(tái)，個(gè)性化的皮膚體系以及先進(jìn)的安全組件，搜狗為用戶打造了快速，便捷，個(gè)性，安全的上網(wǎng)體驗(yàn)。

優(yōu)點(diǎn)：多種加速技術(shù)，讓網(wǎng)頁(yè)以最快的速度顯示。教育網(wǎng)加速、GPU加速、flas 多線程加速、多鏡像下載加速、網(wǎng)速保護(hù)、淘寶代理加速（5.2新增）、購(gòu)物網(wǎng)圖片加速（5.2新增）。獨(dú)立開(kāi)發(fā)的api，讓一些擴(kuò)展插件不只是能在高速chrome核心運(yùn)行，還能在兼容模式運(yùn)行。比如護(hù)眼配色，夜間模式這種擴(kuò)展。

缺點(diǎn)：少數(shù)crx谷歌原生高級(jí)擴(kuò)展不太兼容，不過(guò)后續(xù)一直再修改擴(kuò)展API，盡可能兼容更多原生擴(kuò)展。由于修改較多，高速內(nèi)核更新速度會(huì)慢一點(diǎn)。不過(guò)其他雙核瀏覽器也有類似問(wèn)題。修改越多，內(nèi)核更新版本的速度就越慢。

360安全瀏覽器

IE和Chrome雙內(nèi)核。

360安全瀏覽器與世界之窗覽器系出同源（鳳凰工作室），由同一個(gè)開(kāi)會(huì)團(tuán)隊(duì)開(kāi)發(fā)，功能都比較齊全，性能很好360瀏覽器安全性在IE內(nèi)核的瀏覽器中堪稱第一，如果經(jīng)常瀏覽高危區(qū)的話推薦使用。

優(yōu)點(diǎn)：操作方便人性化，瀏覽器打開(kāi)速度幾乎可以與Chrome媲美。界面也很簡(jiǎn)潔。安全性能較高（360安全衛(wèi)士的優(yōu)勢(shì)）。繼承了360產(chǎn)品的安全基因，9層安全防護(hù)、云查殺木馬以及全國(guó)最大的病毒木馬庫(kù)等優(yōu)勢(shì)。

比較討巧國(guó)內(nèi)很多用戶的平常功能需要。

缺點(diǎn)：與QQ同時(shí)開(kāi)啟極有可能藍(lán)屏，和諧上網(wǎng)比較麻煩，插件功能不夠強(qiáng)大，部分插件有bug，界面有些雜亂，但也有人喜歡這種設(shè)計(jì)。

不同用戶使用習(xí)慣的差異導(dǎo)致對(duì)瀏覽器評(píng)價(jià)不太統(tǒng)一。而Google Chrome和Firefox可能是受業(yè)界比較推崇的兩款瀏覽器，歡迎反駁。

TML5在2014年10月正式通過(guò)之前就引發(fā)了軟件開(kāi)發(fā)的浪潮，降低了專有互聯(lián)網(wǎng)技術(shù)的依賴性，如Adobe Flash和Microsoft Silverlight。2015年YouTube、火狐、谷歌和Facebook相繼屏蔽放棄了Flash，改用HTML，HTML一步步站鯨吞了Flash的份額，站到了頂端。

開(kāi)始軟件開(kāi)發(fā)浪潮，減少對(duì)專有豐富的互聯(lián)網(wǎng)技術(shù)（如Adobe Flash和Microsoft Silverlight）的依賴。 HTML5視頻元素（用于將視頻嵌入到文檔中）是支持豐富互聯(lián)網(wǎng)的重大變化。 HTML5也被設(shè)計(jì)為支持從一個(gè)地方更改網(wǎng)頁(yè)，瀏覽文檔到建立分布式應(yīng)用程序的地方。

但是，在HTML5的標(biāo)準(zhǔn)化進(jìn)程中，視頻編解碼器一直是一個(gè)懸而未解的問(wèn)題，目前也沒(méi)有一個(gè)合適的 免版稅的編解碼器。H.265專利問(wèn)題荊棘滿布， Google的VP9編解碼器雖然不錯(cuò)，但是其他參與Web標(biāo)準(zhǔn)的公司都不愿意從一個(gè)擁有強(qiáng)競(jìng)爭(zhēng)力的對(duì)手那里獲得技術(shù)支持。

盡管如此，HTML5也已經(jīng)成為構(gòu)建開(kāi)放，多媒體網(wǎng)絡(luò)應(yīng)用程序的主要方式。 萬(wàn)維網(wǎng)聯(lián)盟首席執(zhí)行官杰夫·杰菲爾（Jeff Jaffe）表示：“HTML5很快成為人們?cè)跒g覽器中使用的HTML的唯一版本。

HTML5的增量改進(jìn)

HTML5規(guī)范一直是定期更新的，有時(shí)也會(huì)有些小功能改進(jìn)和錯(cuò)誤修復(fù)，例如去年的5.1版本，修改了畫(huà)布2D元素，并進(jìn)一步清理了HTML5；5.2版本添加了菜單元素，來(lái)表示可以激活的命令。除此之外，還引入了Web內(nèi)容安全策略， 為開(kāi)發(fā)人員提供了一種控制資源訪問(wèn)的方式，甚至還支持支持非拉丁字符郵箱地址。雖然，我們列舉了這么多新功能，但是5.2版本被認(rèn)為是小幅修改的版本。

但是，W3C希望能夠更頻繁地更新核心HTML規(guī)范，最好可以達(dá)到每年更新一次，而不是像之前十年到十五年進(jìn)行一次主版本的更新，無(wú)法跟上Web的發(fā)展腳步。

誰(shuí)會(huì)成為HTML5后繼者？

那么會(huì)有一個(gè)HTML6嗎？ Jaffe表示，網(wǎng)上支付可能會(huì)推動(dòng)進(jìn)行這樣的全面修訂，以期能為網(wǎng)上支付來(lái)提供一個(gè)統(tǒng)一方式。如果大家將之稱為HTML 6，那么HTML 6是極有可能出現(xiàn)的。雖然網(wǎng)上購(gòu)物并不是新鮮事，但是由于復(fù)雜性的增加和移動(dòng)Web的使用優(yōu)勢(shì)，導(dǎo)致PC端網(wǎng)上購(gòu)物成交量減少，所以對(duì)于HTML可能需要更多不同的方法。萬(wàn)維網(wǎng)聯(lián)盟也設(shè)置了一個(gè)小組來(lái)商討這個(gè)內(nèi)容。

萬(wàn)維網(wǎng)聯(lián)盟還致力于Web組件，使用一個(gè)框架來(lái)確定可重用的網(wǎng)站組件和服務(wù)人員，使瀏覽器更易于運(yùn)行多個(gè)功能，并且具有脫機(jī)功能。也許他們不會(huì)把下一個(gè)版本命名為HTML 6。

開(kāi)放的網(wǎng)絡(luò)將HTML5引向新領(lǐng)域

Jaffe說(shuō)HTML5雖然瞄準(zhǔn)了開(kāi)放的網(wǎng)絡(luò)平臺(tái)，但平臺(tái)本身也越來(lái)越多， 因此，萬(wàn)維網(wǎng)聯(lián)盟正在開(kāi)展安全性，性能和流式傳輸?shù)难芯俊?/p>

流媒體相關(guān)的工作涉及到了 Encrypted Media Extensions (EME) 標(biāo)準(zhǔn)，該標(biāo)準(zhǔn)擴(kuò)展了HTMLMediaElement（在HTML5中），以提供用于控制加密內(nèi)容播放和連接到數(shù)字版權(quán)管理系統(tǒng)的API。 EME提供了通過(guò)瀏覽器顯示視頻的標(biāo)準(zhǔn)方式。之前，是沒(méi)有互操作性的。Jaffe表示從網(wǎng)景頗有爭(zhēng)議的NPAPI插件技術(shù)到現(xiàn)在標(biāo)準(zhǔn)化的視頻播放方式，這是非常大且有意義的改進(jìn)。

W3C主管Tim Berner-Lee表示W(wǎng)eb的發(fā)明者肯定了EME，并稱它提供了一種比較安全的在線觀看電影的方式，但是還是有其他人反對(duì)，Berners-Lee指出DRM在開(kāi)發(fā)人員和法律方面還存在問(wèn)題。

針對(duì)Web安全性，W3C（萬(wàn)維網(wǎng)聯(lián)盟）做了以下三項(xiàng)努力：

• Web認(rèn)證框架， 目前正在進(jìn)行中，目標(biāo)是通過(guò)多因素身份驗(yàn)證來(lái)支持安全性。Jeffa表示我們真的要遠(yuǎn)離密碼。

• Web Crypto API，在今年早些時(shí)候完成，為Web應(yīng)用程序中的基本加密操作提供了JavaScript API。

• Web開(kāi)發(fā)安全的最佳實(shí)踐，這一項(xiàng)目也已經(jīng)完成了，它旨在防止信息從一個(gè)應(yīng)用程序共享到另一個(gè)應(yīng)用程序，從而保護(hù)用戶隱私。