前端移动端(百度开源的低代码前端框架,支持网页和移动端页面开发)

前端移动端(百度开源的低代码前端框架,支持网页和移动端页面开发)

大家好,感谢邀请,今天来为大家分享一下前端移动端的问题,以及和前端移动端主要技术有哪些, 前端移动端适配的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,接下来就开始吧!



在经历了十几年的发展后,前端开发变得越来越复杂,门槛也越来越高,要使用当下流行的 UI 组件库,你必须懂 npm、webpack、react/vue,必须熟悉 ES6 语法,最好还了解状态管理,比如 Redux,如果没接触过函数式编程,光入门都很费劲,而入门之后会发现它还有巨大的生态,相关的库有 2347 个,很多功能相似,挑选成本高。

然而前端技术的发展不会停滞,等学完这些后可能会发现大家都用 Hooks 了、某个打包工具取代 Webpack了。使用amis只需要简单配置就能完成所有页面开发,你不需要了解 React/Vue、Webpack,甚至不需要很了解 JavaScript,即便没学过 amis 也能猜到大部分配置的作用,对于大部分常用页面,应该使用最简单的方法来实现,甚至不需要学习前端框架和工具。

amis的定位是一个低代码的前端框架,所以这里我们只介绍低代码部分,如果你想使用纯JSON配置来完成页面开发,那么请查看一下文档说明,当然你也可以使用90%低代码+10%代码开发的混合模式,既提升了效率,又不失灵活性。

1.目前 amis-editor 未开源,但可以免费使用(包括商用)

1. 在项目中使用amis-editor

npm i amis-editor

import {Editor} from 'amis-editor';render() { return ( )}

前端移动端(百度开源的低代码前端框架,支持网页和移动端页面开发)

属性说明:

2. 添加自定义组件

registerEditorPlugin 注册全局插件。不注册,但是调用 的时候时候通过 plugins 属性传入。

效果都一样,重点还是怎么写个 Plugin,示例:

定义好 plugin 后,可以有两种方式启用

示例只做了简单的说明,可用属性还有很多,具体还是先看 npm 包里面的 .d.ts 文件。

从网页到移动端,包括App、小程序等,amis可以满足的页面需求,但在一些特殊场景,比如有些页面追求个性化的视觉效果,amis 就不适用,实际上绝大部分前端 UI 组件库也都不适合,只能定制开发。更多有关amis的内容可自行前往阅读。

开源地址:

前端移动端相关信息就介绍到这里,前端移动端主要技术有哪些, 前端移动端适配的问题希望对你有所帮助。

文章版权声明:除非注明,否则均为边学边练网络文章,版权归原作者所有

相关阅读