前端開發(fā)越發(fā)復(fù)雜,你是否需要低代碼平臺?(前端 低代碼開發(fā))
??大家好,我是為廣大程序員兄弟操碎了心的小編,每天推薦一個小工具/源碼,裝滿你的收藏夾,每天分享一個小技巧,讓你輕松節(jié)省開發(fā)效率,實現(xiàn)不加班不熬夜不掉頭發(fā),是我的目標(biāo)!
??低代碼最近一兩年炒得非?;?,很多低代碼平臺都頻繁出現(xiàn),所以今天小編推薦一款低代碼前端框架——amis,amis使用 JSON 配置來生成頁面,可以節(jié)省頁面開發(fā)工作量,極大提升開發(fā)前端頁面的效率。
開源協(xié)議
??使用 Apache-2.0 開源許可協(xié)議
鏈接地址
為什么要做 amis?
??在經(jīng)歷了十幾年的發(fā)展后,前端開發(fā)變得越來越復(fù)雜,門檻也越來越高,要使用當(dāng)下流行的 UI 組件庫,你必須懂 npm、webpack、react/vue,必須熟悉 ES6 語法,最好還了解狀態(tài)管理,比如 Redux,如果沒接觸過函數(shù)式編程,光入門都很費勁,而入門之后會發(fā)現(xiàn)它還有巨大的生態(tài),很多功能相似,挑選成本高。
用 JSON 寫頁面有什么好處
??為了實現(xiàn)用最簡單方式來生成大部分頁面,amis的解決方案是基于 JSON 來配置,它的獨特好處是:
- 不需要懂前端:在百度內(nèi)部,大部分amis用戶之前從來沒寫過前端頁面,也不會 JavaScript,卻能做出專業(yè)且復(fù)雜的后臺界面,這是所有其他前端 UI 庫都無法做到的;
- 不受前端技術(shù)更新的影響:百度內(nèi)部最老的amis 頁面是 4 年多前創(chuàng)建的,至今還在使用,而當(dāng)年的 Angular/Vue/React 版本現(xiàn)在都廢棄了,當(dāng)年流行的 Gulp 也被 Webpack 取代了,如果這些頁面不是用amis,現(xiàn)在的維護(hù)成本會很高;
- 享受amis的不斷升級:amis 一直在提升細(xì)節(jié)交互體驗,比如表格首行凍結(jié)、下拉框大數(shù)據(jù)下不卡頓等,之前的 JSON 配置完全不需要修改;
- 可以 完全 使用可視化頁面編輯器來制作頁面:一般前端可視化編輯器只能用來做靜態(tài)原型,而amis 可視化編輯器做出的頁面是可以直接上線的。
amis 不適合做什么?
使用 JSON 有優(yōu)點但也有明顯缺點,在以下場合并不適合 amis:
- 大量定制 UI:JSON 配置使得 amis 更適合做有大量常見 UI 組件的頁面,但對于面向普通客戶(toC)的頁面,往往追求個性化的視覺效果,這種情況下用 amis 就不合適,實際上絕大部分前端 UI 組件庫也都不適合,只能定制開發(fā)。
- 極為復(fù)雜或特殊的交互: 有些復(fù)雜的前端功能,比如 可視化編輯器,其中有大量定制的拖拽操作,這種需要依賴原生 DOM 實現(xiàn)的功能無法使用 amis。但對于某些交互固定的領(lǐng)域,比如圖連線,amis 后續(xù)會有專門的組件來實現(xiàn)。
示例截圖
表單
Checkbox 勾選框
日期
文件上傳
List 列表
富文本編輯器
Switch開關(guān)
圖表
Cards卡片組
結(jié)尾
??本期就分享到這里,我是小編南風(fēng)吹,專注分享好玩有趣、新奇、實用的開源項目及開發(fā)者工具、學(xué)習(xí)資源!希望能與大家共同學(xué)習(xí)交流。