91直播在线观看www免费/日韩高清在线亚洲专区vr/国产精品午夜寂寞视频/亚瑟在线影院怎么下载

隨著互聯網產業的爆炸式增長，與之伴生的Web前端技術也在歷經洗禮和蛻變。尤其是近幾年隨著移動終端的發展，越來越多的人開始投身或轉行至新領域，這更為當今的IT產業注入了新的活力。盡管Web前端技術誕生至今時日并不長，但隨著Web技術的逐漸深入，今后將會在以下幾方面發力。

1.Web移動終端開發。

2.JavaScript的兄弟們。

3.百花齊放的類庫和框架。

4.工程化的Web前端開發規范。

Web移動終端開發

PhoneGap：一個開源的開發框架，使用HTML、CSS和JavaScript來構建跨平臺的移動應用程序。它使開發者能夠利用iPhone、Android、Palm、Symbian、BlackBerry、WindowsPhone和Bada等智能手機的核心功能，包括地理定位、加速器、聯系人、聲音和振動等。除了在本地編譯應用之外，還可以使用PhoneGap提供的云端Build工具進行應用編譯。也就是說，只需要將用HTML5寫好的應用上傳到PhoneGap的云端服務器，PhoneGapBuild即可將其編譯成適合不同平臺的應用。

前端知識圖譜

SenchaTouch：說到這里，就不得不提一些面向移動端的WebUI庫，畢竟PhoneGap是一個工具，要想基于Web技術構建完整的App，必須選擇一些適用的移動UI庫。而最值得一提的是SenchaTouch，它可以讓WebApp看起來像NativeApp。美麗的用戶界面組件和豐富的數據管理，全部基于最新的HTML5和CSS3的Web標準，全面兼容Android和iOS設備。PhoneGap昭示著一種開發趨勢，即App也可以使用Web前端技術來完成。而作為開發者最常用的UI工具箱，SenchaTouch又進一步加速了這種趨勢，目前在淘寶已有大量的項目采用這種思路來搭建，即在內置應用的外殼加上自定義的基于移動Web的UI庫。相信在未來這種模式必會越來越流行。

MediaQueries：在CSS2時代，如果你曾經為網站設計過打印版CSS，那么就會明白CSS3MediaQueries的作用。不過，CSS3的MediaQueries比CSS2的Media

Type更實用，因為CSS2的MediaType并不曾被多少設備支持過。CSS3的Media

Queries可以獲取這些數據：瀏覽器窗口的寬和高、設備的寬和高、設備的手持方向（橫向還是豎向）和分辨率等。也就是說，MediaQueries提供了一種基于不同的平臺寫CSS的技術。這項技術在2011年初被推廣開來，至今已非常火熱，尤其是在Web頁面仍占互聯網流量大多數的今天，這種兼容技術能很快讓網站兼容移動設備，保證產品實現最快的跨平臺的兼容性和多平臺的可用性。

Zepto.js：一個專為MobileWebKit瀏覽器（如Safari和Chrome）而開發的JavaScript框架。它標榜自己簡約的開發理念能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JavaScript框架是超輕量級的，只有5KB。Zepto.js的語法借鑒且兼容jQuery。目前已有不少網站開始基于Zepto.js做應用，因為在拋棄了IE瀏覽器的兼容性問題后，Web開發會變得越來越純粹，體積更輕巧，編碼也更加愉悅。不可否認，隨著移動終端開發越來越流行，Zepto.js在未來將會有更加廣闊的應用場景和空間。

Bootstrap:Twitter推出的一個開源的用于前端開發的工具包。它由MarkOtto和JacobThornton合作開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范，由動態CSS語言LESS寫成，與CSS框架Blueprint存在很多相似之處。Bootstrap一經推出便頗受歡迎，一直是GitHub上的熱門開源項目，NASA和MSNBC的BreakingNews都使用了該項目。2012年第二季度，Bootstrap發布了2.0版，Bootstrap2.0的一個重大改進是添加了響應設計特性，在1.0中，這是讓很多開發人員抱怨的地方。而且為了提供更好的針對移動設備的響應式設計方案，Bootstrap2.0采用了更為靈活的12欄網格布局。此外，它還更新了一些進度欄及可定制的圖片縮略圖，并增加了一些新樣式。值得關注的是，Bootstrap是一個非常輕量級的框架，2.0在壓縮后只有10KB。Bootstrap為我們的網站快速搭建提供了不錯的工具和思路，這個工具集將擁有更旺盛的生命力。