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

資訊專欄INFORMATION COLUMN

Amaple.js框架詳細介紹

imingyu / 2293人閱讀

摘要:體驗優(yōu)先的單頁框架點此查看倉庫是專為單頁應用而設計的基于頁面模塊化的框架,它可使開發(fā)者快速開發(fā)單頁應用。使用前置要求此框架的使用者可不需了解構建工具,但必須掌握和的基礎知識。

Amaple · 體驗優(yōu)先的JavaScript單頁框架

Amaple (點此查看Github倉庫)是專為單頁web應用而設計的基于頁面模塊化的JavaScript框架,它可使開發(fā)者快速開發(fā)單頁web應用。 Amaple 其實由 “A maple”(一片楓葉) 組合而成,它就像Web前端大森林中的一片枝葉,在享受這片森林呵護的同時也為森林增添一絲色彩,因此, Amaple 選擇了擁抱這片大森林,它的插件功能除了可使用自身規(guī)范的插件外,還支持所有 AMD(點擊了解詳情)和 IIFE(點擊了解詳情) 規(guī)范的第三方js庫,在rollupwebpackbrowserify等模塊打包工具流行的今天,這也意味著lodashsocket.io等幾乎所有的第三方js庫都可以與 Amaple 協(xié)同運作,同時也支持舊式的IIFE格式js庫。此外, Amaple 還擁有 高級虛擬DOM功能、模塊化、MVVM及原生Web化設計 等特性,即使初級前端開發(fā)也能順利掌握和使用,這也充分體現(xiàn)了 Amaple “體驗優(yōu)先” 的設計理念。

Amaple 特性簡介

【開放式插件】支持所有AMD和IIFE規(guī)范的第三方js庫作為 Amaple 的插件。

【高級虛擬DOM】與其他帶有虛擬DOM功能的js庫相比, Amaple 實現(xiàn)了性能更好的虛擬DOM,它不再需要開發(fā)者提供可識別的key標志,也能自動判斷可復用的DOM元素,并在重新排序的過程中自動計算出最少的移動步驟進行移動。

【模塊化】

【頁面模塊化】單頁Web應用的特點之一是將頁面劃分為多個模塊,URL跳轉時更新模塊的內容。在 Amaple 中存在 模塊(Module) 組件(Component) 兩種模塊化單位,模塊是單頁Web應用更新的最小單位,它管控URL跳轉時的內容替換、參數(shù)更新等一系列變化,而且允許開發(fā)者定義任意層級的任意多個模塊及子模塊;而組件的定位是擁有特定功能的封裝塊,它有自己的獨立視圖、狀態(tài)數(shù)據(jù)和組件行為。與其他單頁庫相比,它們的職責更清晰,也易于理解。

【編寫模塊化】 Amaple 內嵌了代碼模塊化功能,它允許將模塊文件、組件文件和插件文件多帶帶編寫并分類保存,這讓不熟悉nodejs構建工具的開發(fā)者也能編寫模塊化的js代碼,當然對于熟悉nodejs構建工具的中高端開發(fā)者,你也完全可以使用webpackbabelscss/less等工具輔助開發(fā)。

【MVVM】 Amaple 提供了更簡潔的動態(tài)模板引擎,使開發(fā)者更加專注于對數(shù)據(jù)的處理。

【原生Web化設計】 Amaple 沿用了許多原生Web開發(fā)的標準,這樣可以最大化符合具有一定基礎的開發(fā)者的認知范圍,如Amaple依舊使用onclick屬性綁定點擊事件,使用href屬性進行跳轉頁面,使用

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