amis 是一個(gè)低代碼前端框架，它使用 JSON 配置來(lái)生成頁(yè)面，可以節(jié)省頁(yè)面開(kāi)發(fā)工作量，極大提升開(kāi)發(fā)前端頁(yè)面的效率。

目前在百度廣泛用于內(nèi)部平臺(tái)的前端開(kāi)發(fā)，已有 100+ 部門使用，創(chuàng)建了 3w+ 頁(yè)面。

特點(diǎn)：

1、不需要懂前端：在百度內(nèi)部，大部分 amis 用戶之前從來(lái)沒(méi)寫過(guò)前端頁(yè)面，也不會(huì) JavaScript，卻能做出專業(yè)且復(fù)雜的后臺(tái)界面，這是所有其他前端 UI 庫(kù)都無(wú)法做到的；

2、不受前端技術(shù)更新的影響：百度內(nèi)部最老的 amis 頁(yè)面是 4 年多前創(chuàng)建的，至今還在使用，而當(dāng)年的 Angular/Vue/React 版本現(xiàn)在都廢棄了，當(dāng)年流行的 Gulp 也被 Webpack 取代了，如果這些頁(yè)面不是用 amis，現(xiàn)在的維護(hù)成本會(huì)很高；

3、享受 amis 的不斷升級(jí)：amis 一直在提升細(xì)節(jié)交互體驗(yàn)，比如表格首行凍結(jié)、下拉框大數(shù)據(jù)下不卡頓等，之前的 JSON 配置完全不需要修改；

4、可以完全使用可視化頁(yè)面編輯器 來(lái)制作頁(yè)面：一般前端可視化編輯器只能用來(lái)做靜態(tài)原型，而 amis 可視化編輯器做出的頁(yè)面是可以直接上線的。

5、提供完整的界面解決方案：其它 UI 框架必須使用 JavaScript 來(lái)組裝業(yè)務(wù)邏輯，而 amis 只需 JSON 配置就能完成完整功能開(kāi)發(fā)，包括數(shù)據(jù)獲取、表單提交及驗(yàn)證等功能，做出來(lái)的頁(yè)面不需要經(jīng)過(guò)二次開(kāi)發(fā)就能直接上線；

6、內(nèi)置 100+ 種 UI 組件：包括其它 UI 框架都不會(huì)提供的富文本編輯器、條件組合等，能滿足各種頁(yè)面組件展現(xiàn)的需求，而且對(duì)于特殊的展現(xiàn)形式還可以通過(guò) 自定義組件 來(lái)擴(kuò)充；

7、容器支持無(wú)限級(jí)嵌套：可以通過(guò)組合來(lái)滿足各種布局需求；

8、經(jīng)歷了長(zhǎng)時(shí)間的實(shí)戰(zhàn)考驗(yàn)：amis 在百度內(nèi)部得到了廣泛使用，在 4 年多的時(shí)間里創(chuàng)建了 3 萬(wàn)+ 頁(yè)面，從內(nèi)容審核到機(jī)器管理，從數(shù)據(jù)分析到模型訓(xùn)練，amis 滿足了各種各樣的頁(yè)面需求，最復(fù)雜的頁(yè)面有超過(guò) 1 萬(wàn)行 JSON 配置。

amis前端低代碼框架 更新日志：

Feature

InputNumber 支持只讀屬性

新增 InputText、Textarea 字?jǐn)?shù)統(tǒng)計(jì)功能

按鈕、鏈接、模板、圖表支持角標(biāo); 角標(biāo)支持動(dòng)畫效果

日期、時(shí)間、富文本支持 borderMode

InputNumber 增加 prefix、subfix、kilobitSeparator、borderMode 屬性

Select 組件增加 hideSelected 屬性，是否隱藏已選選項(xiàng)

新增 年份范圍 InputYearRange

InputText 支持前綴、后綴

inputText, Textarea, Select 支持配置 borderMode 包括,全邊框,半邊框,無(wú)邊框

Grid & Hbox 支持 gap,hAlign, vAlign 配置

Button-Group 支持平鋪樣式

Web-Component 組件

升級(jí) Json 組件，支持查看并修改功能

新增 Input-Time-Range 時(shí)間范圍組件

Enhancement

調(diào)整 Dialog 動(dòng)作的 reload 優(yōu)先級(jí)

補(bǔ)充部分 locale

優(yōu)化 Tabs 成員的 key

添加 Checkboxes 全選/不選 多語(yǔ)言

Input-Sub-Form 功能補(bǔ)充及樣式優(yōu)化

Condition-Builder 支持字段進(jìn)行搜索

升級(jí) monaco-editor

調(diào)整 Image 和 Carousel

調(diào)整彈框中查找子節(jié)點(diǎn)渲染器處理動(dòng)作邏輯

修復(fù)換默認(rèn)主題導(dǎo)致的單元測(cè)試報(bào)錯(cuò)

itemActions 配置后工具欄在沒(méi)有勾選的情況下也展示但是處于禁用態(tài)

調(diào)整云舍成為默認(rèn)主題，之前的默認(rèn)主題改名 ang

優(yōu)化 InputTable columns 中直接用表單項(xiàng)的情況

InputTable 優(yōu)化升級(jí)

Each 組件優(yōu)化

Input-Image 優(yōu)化

Condition-Builder 新增英文本地化

優(yōu)化 InputRange 中間值位置

將 cfc 的 mock 接口放到項(xiàng)目中支持文檔離線訪問(wèn)；將大部分圖片外聯(lián)都放入項(xiàng)目中管理

表單報(bào)錯(cuò)信息中增加所有表單項(xiàng)的報(bào)錯(cuò)信息

優(yōu)化 Group 相關(guān)樣式

Bugfix

修復(fù)編譯成 es5 后 WebComponent 報(bào)錯(cuò)

修復(fù) Combo 中配置 clearValueOnHidden 無(wú)法刪除 item 問(wèn)題

修復(fù) Tree 組件節(jié)點(diǎn)勾選異常問(wèn)題

修復(fù) withRemoteConfig 實(shí)現(xiàn)的自動(dòng)刷新無(wú)法關(guān)閉問(wèn)題

修復(fù) mst 報(bào)錯(cuò)問(wèn)題

修復(fù) inputNumber 組件直接操作增減報(bào)錯(cuò)問(wèn)題

修復(fù) Service 組件 silentPolling 失效問(wèn)題

修復(fù) Input-Datetime 組件 minDate 和 maxDate 失效問(wèn)題

修復(fù) Iframe 獲取變量時(shí)，自動(dòng) escape 的問(wèn)題

修復(fù) DiffEditor 撤銷問(wèn)題

修復(fù) Input-Rating allowClear 問(wèn)題

修復(fù) Picker 無(wú)法自動(dòng)選中的問(wèn)題

修復(fù) WrapControl 數(shù)據(jù)域問(wèn)題

修復(fù) isJson 校驗(yàn)

修復(fù)導(dǎo)入 default 會(huì)報(bào)錯(cuò)問(wèn)題

避免 npm 默認(rèn)主題引用失敗

富文本編輯器 tinymce 模式上傳圖片問(wèn)題

解決 Combo 的 unique 屬性當(dāng)字段值為數(shù)字 0, false, 空字符串的時(shí)候，不走unique校驗(yàn)的邏輯

修復(fù) CRUD 在翻頁(yè)時(shí) page/perPage 會(huì)變成字符串問(wèn)題

修復(fù) 選項(xiàng)類表單項(xiàng)直接放在 Form 外面不可用的問(wèn)題

修復(fù) Form 表單項(xiàng)驗(yàn)證器的this 指向問(wèn)題

使用 mpegtsjs 替換 flvjs，修復(fù)音視頻可能不同步等問(wèn)題