国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
通過實例深入理解HTML5/CSS3/SVG/WebGL的技術本質

常常聽到人們對于HTML5的討論,看了頁面頭部這個那個就是html5,誤認為Html5只是新增些標簽“而已”,學完了W3School似乎就理解了。實際上很多從業(yè)人員并沒有深入理解業(yè)界為什么要推出HTML5系列技術標準,為什么HTML5代表了下一代網(wǎng)頁乃至移動應用技術。這里我們通過實際的例子來說明HTML5不是想象中的那么單?。ūM管還不那么成熟,還依賴于標準和瀏覽器的進一步發(fā)展),而是一本厚厚的需要長期學習的長篇巨著,HTML5甚至使得技術含量的天平在從后端向前端工程師傾斜,對于整個互聯(lián)網(wǎng)行業(yè)的結構性影響都是非常深遠的。

HTML5

HTML5不只是簡化了協(xié)議聲明,添加了若干標簽和API,其核心目標是把網(wǎng)頁變成富媒體,最重要的就是給了你隨心所欲的畫布(canvas),Web再也不是枯燥的文本內(nèi)容和使用js制作的簡單DOM變化效果,前端工程師利用數(shù)學知識可以成為網(wǎng)頁魔法師(藝術家)。

http://wow.techbrood.com/fiddle/26587

http://wow.techbrood.com/fiddle/12892

CSS3

CSS3的核心改變在于引入了動畫和特效,再也不是靜態(tài)的樣式,你可以利用filter、animation、gradient、blend-mode、shadow等特性制作出PS都做不出來的藝術動畫!還有一個重要特性是媒體查詢,用來支持響應式設計。另外css3/4在選擇器(selector)上也新增了很多規(guī)則(如屬性選擇器)。

http://wow.techbrood.com/fiddle/28386

http://wow.techbrood.com/fiddle/28385

SVG

SVG的核心是幾何圖形,為網(wǎng)頁引入了矢量圖,通過矢量圖的操作,可以實現(xiàn)很棒的變形動畫特效,

HTML5支持內(nèi)嵌SVG代碼,而CSS3也可以操作SVG元素,這使得SVG+CSS3結合起來可以實現(xiàn)非常豐富的矢量路徑動畫。

http://wow.techbrood.com/fiddle/14579

http://wow.techbrood.com/fiddle/16689

WebGL

WebGL的核心很簡單,就是把網(wǎng)頁從2D變成3D展示和交互,乃至于支持虛擬現(xiàn)實。(CSS3也有3D效果,但是WebGL是硬件加速的?。?/p>

http://wow.techbrood.com/fiddle/11465

http://wow.techbrood.com/fiddle/14101

ReactJS/AngularJS等框架

大公司的前端工程化工具,通過組件化規(guī)范化的方式試圖“簡化”Web編程,但需要提醒的是大公司工具往往是小團隊的坑。

在用戶需求更為靈活和個性化的中小項目市場,關注HTML5規(guī)范和創(chuàng)意設計本身可能要更為重要。

http://wow.techbrood.com/fiddle/30186

http://wow.techbrood.com/fiddle/27762


by iefreer

本站僅提供存儲服務,所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
three.js第一篇【基本了解】
Web動畫
QQ瀏覽器X5內(nèi)核問題匯總
程序猿必備的10款web前端開發(fā)插件五
火狐開啟和關閉webGL方法
APP制作技術
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服