国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

全新單頁JavaScript框架Amaple

yanwei / 888人閱讀

摘要:但目前來看,單頁應用在技術實現和體驗上還有更大的發展空間,而這就是所要推進的。模塊化頁面模塊化單頁應用的特點之一是將頁面劃分為多個模塊,跳轉時更新模塊的內容。與其他單頁庫相比,它們的職責更清晰,也易于理解。


單頁Web應用作為新一代Web模式,為用戶提供了更流暢的體驗滿足感。早在Chrome5、IE8和Firefox3的年代就可以通過hash技術實現單頁Web應用,而HTML5新history API的出現讓單頁Web應用從幕后迅速走向臺前。 Amaple 作為一款體驗優先的JavaScript單頁框架,可以在不依賴其他工具的前提下快速開發單頁Web應用,這也意味著那些只掌握了前端基礎知識的開發者也能很容易上手開發。在開始具體聊Amaple單頁框架前,我們先聊聊單頁Web應用本身,從簡介紹,單頁Web應用通常由一個主頁面及若干個模塊構成,在頁面跳轉或表單提交期間不會刷新瀏覽器(人為刷新除外),使用起來它更像桌面應用,致使許多著名的互聯網公司都在不斷地轉向它,如Google、Twitter、Facebook,國內的有百度搜索、百度翻譯、阿里巴巴淘寶網的商品列表頁、阿里媽媽控制臺等。

單頁Web應用與傳統Web對比 # 體驗

普通的Web應用跳轉受限于瀏覽器,它將會丟棄整個頁面并重新加載一個新的頁面,此時會出現短暫的頁面空白,而單頁Web應用通常在跳轉時只更新部分模塊的內容,既不會出現空白現象,還能達到更快的頁面渲染速度,從而提供更流暢的體驗。

普通Web應用在加載時顯示的動畫只能固定為瀏覽器的加載圖,但單頁應用的跳轉是無刷新的,因此可以像桌面應用和App一樣自定義加載數據時的等待樣式,你可以編寫一個有趣的加載等待動畫,或是進度條等,讓你的Web應用更加多姿多彩。

# 架構

單頁Web應用通常不需要與服務器端代碼混合,它們使用數據API進行通信,完全實現了前后端的分離,甚至前后端代碼可以不在同一臺服務器中,這也更加接近桌面應用和App的機制,這意味著你不用為Web應用多帶帶開發一套服務端代碼,而且為將前端代碼放在CDN上提供了可能,這些在后端渲染的普通Web應用上是做不到的。

# 性能

不得不承認,單頁Web應用在性能上也有它的瓶頸,相比于普通Web應用,因為它的模塊視圖通常是js動態創建的,并且視圖和數據的請求也相互獨立,所以單頁Web應用在加載時往往需要更多的http請求次數,而且動態創建與數據請求是串行執行的,這其實也是單頁Web應用不利于SEO的原因所在。但另一方面,正因為單頁Web獨有的代碼級頁面緩存,可以實現更快的頁面渲染表現,而SEO也可以使用現有技術來消除。

談談單頁Web應用的未來 # Web的天生優勢

跨平臺、響應式、免安裝與易編寫等,這些都是Web的天生優勢,這些優勢能讓它快速蔓延并在任何場景下使用。微信為了利用這些優勢,將它們與Native App進行結合推出了功能較全體驗較好的小程序,Facebook為了統一Android、IOS與Web的編寫方法創造了React Native,選擇以HTML、JavaScript和CSS來生成兩大移動端App的代碼。

# 單頁Web應用的機會

Google為了推進Web的發展也推出了PWA和AMP,讓Web應用的體驗更加接近Native App,可見,Native App與Web的發展趨勢就像藝術一樣相互融合,相互吸收,目的是為了不斷提高應用的體驗效果,和尋求一種更加開放統一的生產方式。單頁Web應用也剛好符合這些趨勢,這種技術完全有Web本身的優勢,并且在提供了更好體驗的同時,也在不斷推進服務端API的統一。在未來,可能產生更多類型的終端,如VR、AR等,這意味著Web跨平臺和自適應的優勢會更加明顯,而不僅限于PC和手機端。但目前來看,單頁Web應用在技術實現和體驗上還有更大的發展空間,而這就是 Amaple 所要推進的。

Amaple 上快速構建單頁應用

日益強大的Web體系催生了 Amaple,它的定位是讓單頁Web應用體驗更流暢,構建更簡單,即使初級前端開發也能順利掌握和使用,根據這些, Amaple 的設計有以下特點:

# 遵循Web的原生設計原則

降低學習成本的一個特點是沿用原生Web開發的標準,這樣可以最大化符合具有一定基礎的開發者的認知范圍,這也是 Amaple 的設計原則之一。在 Amaple 單頁應用中,依舊使用href屬性跳轉頁面,使用

設置action屬性提交表單,只是它們是瀏覽器無刷新的跳轉,甚至可以創建像ShadowDOM那樣的組件,在組件內使用特定子元素,看起來就像
<