1. asmis
官網: https://baidu.gitee.io/amis/zh-CN/docs/index
官方文檔非常細致,可直接上手。
以下作為學習筆記。
- 什么是 amis?
官網介紹:amis 是一個低代碼前端框架,它使用 JSON 配置來生成頁面,可以減少頁面開發工作量,極大提升效率。
- 如何使用:
1. JS SDK : 可以在任意頁面使用
2. React: 用於react項目

github 的 releases,文件是 sdk.tar.gz。
使用 npm i amis 來下載,在 node_modules\amis\sdk 目錄里就能找到。
- 工作原理
- amis 的渲染過程是將
json
轉成對應的 React 組件。先通過json
的 type 找到對應的Component
然后,然后把其他屬性作為props
傳遞過去完成渲染。
- amis 的渲染過程是將
- 可自定義組件-SDK
- 使用type: 'custom'
- 可自定義樣式等。
- 不適合:1 需要操作dom元素。 2. 過於多的個性化定制樣式,也不推薦。