成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Amaple.js框架詳細(xì)介紹

loonggg / 1978人閱讀

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

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

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

Amaple 特性簡介

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

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

【模塊化】

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

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

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

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

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