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. 过于多的个性化定制样式,也不推荐。