
減少?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)單。