公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

最近，又看到了一個(gè)新的前端框架，它的名字叫做 ofa.js，其實(shí)我更覺(jué)得它就是一個(gè)庫(kù)，有點(diǎn)類似于 Jquery，因?yàn)樗恍枰虬?，不依賴?nbsp;nodejs/npm/webpack/vite，號(hào)稱是只需要引入一個(gè)js文件，就可以像 React/Vue/Angular 那樣開(kāi)發(fā)

其實(shí)使用這個(gè)庫(kù)，又讓我回到了以前開(kāi)發(fā) html、css、js 多頁(yè)面應(yīng)用的那段時(shí)光哈哈，有趣~

上手使用

我估計(jì)在做這個(gè)庫(kù)的時(shí)候，作者可能是考慮到現(xiàn)如今這些比較火的框架，比如 React/Vue/Angular 這類框架，需要一定的虛席成本，所以想回歸簡(jiǎn)單，雖然說(shuō)是回歸簡(jiǎn)單，但是該有的功能一個(gè)都沒(méi)少

• 狀態(tài)管理
• 文本渲染
• 屬性綁定/雙向綁定
• 事件綁定
• 條件渲染
• 列表渲染

參考官網(wǎng)給出的案例，使用 ofa.js 非常的簡(jiǎn)單，只需要引入 js 文件，加載它提供的組件，就可以快速做出一個(gè)頁(yè)面效果來(lái)~

這種開(kāi)發(fā)模式是不是很熟悉，其實(shí)就是以前最開(kāi)始的前端開(kāi)發(fā)模式，只需要在 html、css、js 文件中去開(kāi)發(fā)，開(kāi)發(fā)完就丟到服務(wù)器上部署，沒(méi)有現(xiàn)在開(kāi)發(fā)流程這么復(fù)雜哈哈哈~

自己封裝組件

當(dāng)然，你也可以在使用 ofa.js 開(kāi)發(fā)前端頁(yè)面時(shí)，自己封裝組件，就比如官網(wǎng)上的一個(gè)小案例，封裝一個(gè) Switch開(kāi)關(guān) 組件

首先在 my-switch.html 中去編寫(xiě)封裝的組件

然后我們想要使用這個(gè)組件的話，只需要使用 l-m 去引用它即可：

具體的案例代碼在：https://ofajs.com/cn/index.html

狀態(tài)管理

ofa.js 也支持?jǐn)?shù)據(jù)狀態(tài)管理，以下是一個(gè)共享黑夜模式的按鈕示例：

表單

表單案例：https://ofajs.com/cn/api/others/form-data.html?

體積

當(dāng)前版本 4.3.29 的 ofa.min.js 文件僅有 52KB，經(jīng)過(guò) gzip 壓縮后僅有 18KB

閱讀原文：https://mp.weixin.qq.com/s/FqTGzYzuQ9bXdwLDppWLfQ