夜狼直播下载地址_欧洲黄色网,国产视频A,国产成人无AV在线播放,在线麻豆

網絡營銷
Web前端技術歷經的洗禮和蛻變
信息來源:長沙做網站  /  發布時間:2015-2-23  /  瀏覽數量:

隨著互聯網產業的爆炸式增長,與之伴生的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庫。相信在未來這種模式必會越來越流行。


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


Media Queries:在CSS2時代,如果你曾經為網站設計過打印版CSS,那么就會明白CSS3 Media Queries的作用。不過,CSS3的Media Queries比CSS2的Media Queries可以獲取這些數據:瀏覽器窗口的寬和高、設備的寬和高、設備的手持方向(橫向還是豎向)和分辨率等。也就是說,Media Queries提供了一種基于不同的平臺寫CSS的技術。這項技術在2011年初被推廣開來,至今已非常火熱,尤其是在Web頁面仍占互聯網流量大多數的 今天,這種兼容技術能很快讓網站兼容移動設備,保證產品實現最快的跨平臺的兼容性和多平臺的可用性。


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


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


JavaScript的兄弟們


CoffeeScript是一個借鑒Ruby編寫的新編程語言,創建者JeremyAshkenas戲稱它是JavaScript的低調的小兄弟,因為CoffeeScript會將Ruby編譯成JavaScript,而且大部分結構都相似。但不同的是,CoffeeScript擁有更嚴格的語法。它的最大功績就是將JavaScript硬綁的C/Java語法拋棄了,改為采用類似Ruby/Python的語法。Ruby/Python本來就是深受Lisp影響的,與JavaScript算是同門師兄,它們的語法經過了實踐考驗,非常適合函數式編程。這種優雅的語言獨具魅力,即將面世的2013版的淘寶首頁即采用了CoffeeScript實現。


TypeScript是微軟開發的JavaScript的超集,TypeScript兼容JavaScript,可以載入JavaScript代碼然后運行。與JavaScript相比,TypeScript進步的地方在于:加入注釋,讓編譯器理解所支持的對象和函數,編譯器會移除注釋,不會增加開銷;增加一個完整的類結構,使之更像是傳統的面向對象語言。由于JavaScript只是一個腳本語言,并非用于開發大型Web應用,所以沒有提供類和模塊的概念。而TypeScript擴展了JavaScript實現了這些特性,能更好地支持大規模JavaScript應用開發,吸引了不開發者。但要注意,雖然TypeScript有微軟做后盾看起來很有保證,但目前提供的只是早期的預覽版本,TypeScript并不像它的網站看起來那樣精美,最終版本可能會在一年后ECMAScript6發布會確定,現在的版本只是個開發預覽版。因此,TypeScript今后發展如何,還需要進一步觀察。




上一條: 分享針對關鍵詞做網站頁面優化的方法
下一條: 長沙做網站:如何獲得網站流量
相關熱門資訊  News
一二三客戶案例

  123 NETWORK

合作共贏,助您打開網絡營銷財富之間!

www.testtao.net

合作對接電話:0731-88571521

聯系方式

地址:湖南省長沙市天心區韶山南路248號南園503室

電話:13637482004    0731-88571521

網址:http://www.testtao.net/

郵箱:123@123007.com

在線QQ咨詢

需求咨詢

價格咨詢

微信咨詢

掃一掃進移動端

版權所有 © 長沙一二三網絡技術有限公司    統一社會信用代碼:91430103MACCH7984M    網站ICP備案號:湘ICP備2023006748號     湘公網安備 43010302001803號