Aoife: 降低前端開(kāi)發(fā)的復(fù)雜度

減少?gòu)?fù)雜度

我們已經(jīng)有了 React/Vue/Angular, 為什么還需要 aoife?

現(xiàn)代前端框架 (如 React / Vue) 帶來(lái)了非常多新概念,但是卻隔離了 DOM 的操作。

其實(shí)現(xiàn)代 DOM 的 API 已經(jīng)非常優(yōu)秀,并且利用原生 DOM 開(kāi)發(fā)的組件、模塊生命力極強(qiáng),可以用在任何高級(jí)框架中,并且 API 穩(wěn)定性極強(qiáng)。

aoife 存在的目的,是為了移除現(xiàn)代前端開(kāi)發(fā)的復(fù)雜度,并且保留現(xiàn)代前端工程的優(yōu)秀特性。

aoife 是一個(gè)原生 JS 開(kāi)發(fā)框架,或者叫 Vanilla JS 框架,我們完全拋棄了框架的生命周期的概念,保留了聲明式的特性,利用原生 HTMLElement 進(jìn)行組件封裝來(lái)確??缈蚣艿慕M件生命力。

操作 DOM 帶來(lái)了比使用虛擬 DOM 更強(qiáng)大的能力及性能,而其中的關(guān)鍵是我們?nèi)绾蝺?yōu)雅的創(chuàng)建和操作 DOM,所以 aoife 其實(shí)并不是一款框架,內(nèi)部?jī)H僅是實(shí)現(xiàn)了一些 JSX 渲染原生 HTML 的方法、 HTML 更新的方法,這已足夠開(kāi)發(fā)任何復(fù)雜前端項(xiàng)目了。

特性

  • 聲明式
  • 直接并且優(yōu)雅的操作 DOM
  • 原生元素即組件
  • 異步組件
  • 無(wú)生命周期
  • 普通對(duì)象即狀態(tài)
  • 高性能:零額外重繪
  • 基于您熟悉的 JSX
  • 輕量,承諾體積永遠(yuǎn)小于 10 kb(gzip)

遠(yuǎn)離疲倦

近年以來(lái),React Hooks 已經(jīng)普及,Vue 也已發(fā)布 Vue 3.0。社區(qū)為此需要更新非常多的相關(guān)庫(kù),行業(yè)人員需要學(xué)習(xí)全新的概念。未來(lái)還會(huì)有其他新版本,周而復(fù)始。而這些都是各類(lèi)框架提供的概念,我們?yōu)榇朔磸?fù)奔波學(xué)習(xí),前端的本質(zhì)的 DOM API 卻越來(lái)越生疏。

aoife 借助于 JSX 語(yǔ)法和原生 DOM API,它的核心是組織 JSX 和 DOM API,簡(jiǎn)單意味著生命強(qiáng)、兼容性強(qiáng)。這使得我們得以把核心放在業(yè)務(wù)、和基礎(chǔ)技能的提升,遠(yuǎn)離疲倦。

讓我們開(kāi)始旅途

開(kāi)始 aoife 輕松之旅途,請(qǐng)?jiān)L問(wèn):Aoife 官方文檔

這是短暫且輕松的旅途,我希望您丟掉包袱,感受微風(fēng),旅途的終點(diǎn)是前端故里,一個(gè)簡(jiǎn)單且觸碰本質(zhì)的前端世界。

相信我,aoife 中沒(méi)有難以理解的概念,一切都很簡(jiǎn)單。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容