Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
用說, Flash的效果大家都清楚。實(shí)際上,HTML5和JavaScript擁有很多新屬性,可以用它們來替代Flash。W3Cschool精選16個(gè)超牛逼的HTML5和JavaScript特效,看了這些特效,未來的Web發(fā)展前途無量。
1.特效:FlowerPower
創(chuàng)作者使用花朵作為畫刷,以貝茲曲線方式繪圖。
2.特效:Breathing Galaxies
動(dòng)態(tài)變換直徑及顏色,可通過鼠標(biāo)或鍵盤產(chǎn)生新形狀,這個(gè)效果不錯(cuò)!
3.特效:Noise Field
移動(dòng)鼠標(biāo)可改變粒子運(yùn)動(dòng),點(diǎn)擊可隨機(jī)生成不同粒子效果。
4.特效:HTML5 Canvas粒子效果文字動(dòng)畫特效
W3Cschool利用HTML5,制造出了粒子效果文字動(dòng)畫特效。只要你輸入框中輸入想要展示的文字,回車后即可在canvas上繪制出粒子效果的文字動(dòng)畫,相當(dāng)酷的動(dòng)畫效果。
5.特效:Swirling Tentacles
三維脈沖效果,沿著脈沖線有運(yùn)動(dòng)的顏色漸變模塊。
6.特效:Keylight
雙擊生成兩個(gè)以后的鍵即可發(fā)出聲音,移動(dòng)鍵的位置可產(chǎn)生不同的聲音效果。W3Cschool上面有很多這樣的教程,有興趣可以去看一下!
7.特效:Rotating Spiral
旋轉(zhuǎn)的螺旋效果,單擊可以控制開始和停止旋轉(zhuǎn),是不是覺得高大上?
8.Blob
拖動(dòng)水滴有重力效果,雙擊可以分離,小水滴碰到大水滴會(huì)合并。
9.Trail
彩色顆粒跟隨鼠標(biāo)運(yùn)動(dòng)效果,帶尾巴淡出效果。
10.Graph Layout
一種交互的力向圖布局效果,刷新三觀。
11.Typographic Effects
使用HTML5 Canvas實(shí)現(xiàn)的文本特性,效果超過Flash。
12.Crazy Tentacles
移動(dòng)鼠標(biāo)可以進(jìn)行涂鴉,點(diǎn)擊鼠標(biāo)可以清除畫布,看著確實(shí)瘋狂。
13.Nebula
吸引眼球的粒子系統(tǒng),目的是測(cè)試WebGL性能,如果滑動(dòng)鼠標(biāo),可以產(chǎn)生絢麗效果。
14.WebGL Globe
WebGL Globe 是一個(gè)開放的地理數(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特效,簡直趕超F(xiàn)lash。W3Cschool上面有很多用戶留言稱HTML5和JavaScriptit將替代Flash,不過對(duì)于這種說法,也不知道怎么去評(píng)判。畢竟這些用戶說的也是很有道理,你認(rèn)為JavaScriptit會(huì)替代Flash嗎?很想知道你的答案!
公眾號(hào):w3c技術(shù)教程
提供專業(yè)的web技術(shù)教程、手冊(cè)、工具。
電腦用的什么瀏覽器?知道市面上各種國內(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公司開發(fā)的網(wǎng)頁瀏覽器。該瀏覽器是基于其他開源軟件所撰寫,包括WebKit,目標(biāo)是提升穩(wěn)定性、速度和安全性,并創(chuàng)造出簡單且有效率的使用者界面。
優(yōu)點(diǎn):界面簡約、漂亮。Google Chrome瀏覽器優(yōu)點(diǎn)就是如果你可以登錄他的插件商城會(huì)得到非常強(qiáng)大的第三方插件支持,國內(nèi)很多瀏覽器都是用他的內(nèi)核或者是Chrome+IE的雙核瀏覽器。
缺點(diǎn):非常占用系統(tǒng)資源,不太方便的歷史記錄查看方式,字體渲染Chrome不如FireFox。
Firefox
Gecko內(nèi)核
是一個(gè)自由及開放源代碼的網(wǎng)頁瀏覽器,用Gecko排版引擎,支持多種操作系統(tǒng),如Windows、Mac OS X及GNU/Linux等。該瀏覽器提供了兩種版本,普通版和ESR(Extended Support Release,延長支持)版,ESR版本是 Mozilla 專門為那些無法或不愿每隔六周就升級(jí)一次的企業(yè)打造。
優(yōu)點(diǎn):完全開源任何人都可以對(duì)其進(jìn)行修改。部分功能優(yōu)化極好,其網(wǎng)頁源代碼分析功能對(duì)于專業(yè)人士提取網(wǎng)頁素材非常有用。在安全性上具有絕對(duì)優(yōu)勢(shì),火狐自身有阻止彈出性窗口的功能,在插件的配合下擴(kuò)展性能極為強(qiáng)大??梢詫?shí)現(xiàn)基本上所有瀏覽器的功能。
缺點(diǎn):內(nèi)存消耗大,啟動(dòng)慢,IE網(wǎng)頁兼容性較差,更適合配置較高的電腦使用。下載完瀏覽器后還要重新裝Abode flash插件,并且一般方法還裝不了,因?yàn)椴患嫒荨?/p>
Opera瀏覽器
Presto內(nèi)核
瀏覽器的先驅(qū),探索者,現(xiàn)在各種各樣的瀏覽器很多功能都是效仿Opera。是一個(gè)小巧而功能強(qiáng)大的跨平臺(tái)互聯(lián)網(wǎng)套件,包括網(wǎng)頁瀏覽、下載管理、郵件客戶端、RSS閱讀器、IRC聊天、新聞組閱讀、快速筆記、幻燈顯示(Operashow)等功能。它還提供很多方便的特性,包括Wand密碼管理、會(huì)話管理、鼠標(biāo)手勢(shì)、鍵盤快捷鍵、內(nèi)置搜索引擎、智能彈出式廣告攔截。
優(yōu)點(diǎn):速度在眾多瀏覽器中比較突出,Opera瀏覽器因?yàn)樗目焖?、小巧。里面的填表功能和筆記功能非常實(shí)用。尤其是發(fā)布各種廣告的時(shí)候??偸桥c與眾不同,非常有個(gè)性,不會(huì)刻意去模仿誰,而是別人一直在模仿他。
缺點(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):在于界面簡潔清新、速度極快,上手也非常容易。整個(gè)頁面非常干凈,甚至收藏夾欄默認(rèn)都是隱藏的。
缺點(diǎn):相對(duì)來說Chrome等瀏覽器看上去像是2008年的產(chǎn)物。Edge底層內(nèi)核并不完善。它不支持最新的Webm視頻播放,該格式的視頻基于HTML5,更加小巧,相比flash更適合嵌入到網(wǎng)頁中。然而八個(gè)月過去了,微軟依然沒有兌現(xiàn)Edge支持Webm的承諾。
Internet Explorer
Trident內(nèi)核
是微軟公司推出的一款網(wǎng)頁瀏覽器。原稱Microsoft Internet Explorer(6版本以前)和Windows Internet Explorer(7、8、9、10、11版本),簡稱IE。在IE7以前,中文直譯為“網(wǎng)絡(luò)探路者”,但在IE7以后官方便直接俗稱”IE瀏覽器”。
現(xiàn)在很少人在用這款瀏覽器,就不再贅述了。
Safari瀏覽器
WebKit內(nèi)核
Safari瀏覽器是蘋果Mac OS X平臺(tái)的多標(biāo)簽的網(wǎng)絡(luò)瀏覽器。蘋果電腦發(fā)布了Windows版本的Safari,它支持Windows XP和Windows Vista操作系統(tǒng),目前Safari 5正式版已經(jīng)發(fā)布。多國語言版,自適應(yīng)簡體中文界面。Safari5完美支持HTML5,還包括大量全新改進(jìn)。
蘋果的瀏覽器是堅(jiān)持用蘋果標(biāo)準(zhǔn)的,Web開發(fā)者普遍覺得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)行掃描。界面整體看起來很整潔,干凈。
搜狗高速瀏覽器
高速模式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)頁以最快的速度顯示。教育網(wǎng)加速、GPU加速、flas 多線程加速、多鏡像下載加速、網(wǎng)速保護(hù)、淘寶代理加速(5.2新增)、購物網(wǎng)圖片加速(5.2新增)。獨(dú)立開發(fā)的api,讓一些擴(kuò)展插件不只是能在高速chrome核心運(yùn)行,還能在兼容模式運(yùn)行。比如護(hù)眼配色,夜間模式這種擴(kuò)展。
缺點(diǎn):少數(shù)crx谷歌原生高級(jí)擴(kuò)展不太兼容,不過后續(xù)一直再修改擴(kuò)展API,盡可能兼容更多原生擴(kuò)展。由于修改較多,高速內(nèi)核更新速度會(huì)慢一點(diǎn)。不過其他雙核瀏覽器也有類似問題。修改越多,內(nèi)核更新版本的速度就越慢。
360安全瀏覽器
IE和Chrome雙內(nèi)核。
360安全瀏覽器與世界之窗覽器系出同源(鳳凰工作室),由同一個(gè)開會(huì)團(tuán)隊(duì)開發(fā),功能都比較齊全,性能很好360瀏覽器安全性在IE內(nèi)核的瀏覽器中堪稱第一,如果經(jīng)常瀏覽高危區(qū)的話推薦使用。
優(yōu)點(diǎn):操作方便人性化,瀏覽器打開速度幾乎可以與Chrome媲美。界面也很簡潔。安全性能較高(360安全衛(wèi)士的優(yōu)勢(shì))。繼承了360產(chǎn)品的安全基因,9層安全防護(hù)、云查殺木馬以及全國最大的病毒木馬庫等優(yōu)勢(shì)。
比較討巧國內(nèi)很多用戶的平常功能需要。
缺點(diǎn):與QQ同時(shí)開啟極有可能藍(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月正式通過之前就引發(fā)了軟件開發(fā)的浪潮,降低了專有互聯(lián)網(wǎng)技術(shù)的依賴性,如Adobe Flash和Microsoft Silverlight。2015年YouTube、火狐、谷歌和Facebook相繼屏蔽放棄了Flash,改用HTML,HTML一步步站鯨吞了Flash的份額,站到了頂端。
開始軟件開發(fā)浪潮,減少對(duì)專有豐富的互聯(lián)網(wǎng)技術(shù)(如Adobe Flash和Microsoft Silverlight)的依賴。 HTML5視頻元素(用于將視頻嵌入到文檔中)是支持豐富互聯(lián)網(wǎng)的重大變化。 HTML5也被設(shè)計(jì)為支持從一個(gè)地方更改網(wǎng)頁,瀏覽文檔到建立分布式應(yīng)用程序的地方。
但是,在HTML5的標(biāo)準(zhǔn)化進(jìn)程中,視頻編解碼器一直是一個(gè)懸而未解的問題,目前也沒有一個(gè)合適的 免版稅的編解碼器。H.265專利問題荊棘滿布, Google的VP9編解碼器雖然不錯(cuò),但是其他參與Web標(biāo)準(zhǔn)的公司都不愿意從一個(gè)擁有強(qiáng)競(jìng)爭(zhēng)力的對(duì)手那里獲得技術(shù)支持。
盡管如此,HTML5也已經(jīng)成為構(gòu)建開放,多媒體網(wǎng)絡(luò)應(yīng)用程序的主要方式。 萬維網(wǎng)聯(lián)盟首席執(zhí)行官杰夫·杰菲爾(Jeff Jaffe)表示:“HTML5很快成為人們?cè)跒g覽器中使用的HTML的唯一版本。
HTML5的增量改進(jìn)
HTML5規(guī)范一直是定期更新的,有時(shí)也會(huì)有些小功能改進(jìn)和錯(cuò)誤修復(fù),例如去年的5.1版本,修改了畫布2D元素,并進(jìn)一步清理了HTML5;5.2版本添加了菜單元素,來表示可以激活的命令。除此之外,還引入了Web內(nèi)容安全策略, 為開發(fā)人員提供了一種控制資源訪問的方式,甚至還支持支持非拉丁字符郵箱地址。雖然,我們列舉了這么多新功能,但是5.2版本被認(rèn)為是小幅修改的版本。
但是,W3C希望能夠更頻繁地更新核心HTML規(guī)范,最好可以達(dá)到每年更新一次,而不是像之前十年到十五年進(jìn)行一次主版本的更新,無法跟上Web的發(fā)展腳步。
誰會(huì)成為HTML5后繼者?
那么會(huì)有一個(gè)HTML6嗎? Jaffe表示,網(wǎng)上支付可能會(huì)推動(dòng)進(jìn)行這樣的全面修訂,以期能為網(wǎng)上支付來提供一個(gè)統(tǒng)一方式。如果大家將之稱為HTML 6,那么HTML 6是極有可能出現(xiàn)的。雖然網(wǎng)上購物并不是新鮮事,但是由于復(fù)雜性的增加和移動(dòng)Web的使用優(yōu)勢(shì),導(dǎo)致PC端網(wǎng)上購物成交量減少,所以對(duì)于HTML可能需要更多不同的方法。萬維網(wǎng)聯(lián)盟也設(shè)置了一個(gè)小組來商討這個(gè)內(nèi)容。
萬維網(wǎng)聯(lián)盟還致力于Web組件,使用一個(gè)框架來確定可重用的網(wǎng)站組件和服務(wù)人員,使瀏覽器更易于運(yùn)行多個(gè)功能,并且具有脫機(jī)功能。也許他們不會(huì)把下一個(gè)版本命名為HTML 6。
開放的網(wǎng)絡(luò)將HTML5引向新領(lǐng)域
Jaffe說HTML5雖然瞄準(zhǔn)了開放的網(wǎng)絡(luò)平臺(tái),但平臺(tái)本身也越來越多, 因此,萬維網(wǎng)聯(lián)盟正在開展安全性,性能和流式傳輸?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提供了通過瀏覽器顯示視頻的標(biāo)準(zhǔn)方式。之前,是沒有互操作性的。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在開發(fā)人員和法律方面還存在問題。
針對(duì)Web安全性,W3C(萬維網(wǎng)聯(lián)盟)做了以下三項(xiàng)努力:
Web認(rèn)證框架, 目前正在進(jìn)行中,目標(biāo)是通過多因素身份驗(yàn)證來支持安全性。Jeffa表示我們真的要遠(yuǎn)離密碼。
Web Crypto API,在今年早些時(shí)候完成,為Web應(yīng)用程序中的基本加密操作提供了JavaScript API。
Web開發(fā)安全的最佳實(shí)踐,這一項(xiàng)目也已經(jīng)完成了,它旨在防止信息從一個(gè)應(yīng)用程序共享到另一個(gè)應(yīng)用程序,從而保護(hù)用戶隱私。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。