分享免费的编程资源和教程

网站首页 > 技术教程 正文

【概念】RegionJs轻量前端微服务框架

goqiw 2024-09-05 22:15:15 技术教程 54 ℃ 0 评论

为了降低复杂前端应用的研发难度和维护难度,此框架应运而生。经历了十数个项目的检验,期间不断优化和扩展功能,已经日趋稳定。

总体看有如下几个特点:

1. 没有复杂的标记和语法,不使用typescript和复杂模板标记。

2. 基于原生javascript,性能优异。

3. 兼容jQuery库,易于DOM操作和浏览器适配。

4. 完全采用面向对象编程方式构建页面和交互行为。

5. 可独立编辑组件,分块构建,可适配PC端和手机端。

6. 易于维护,可在复杂的单页面系统快速定位组件和其注入的参数及组件源码。

7. 包含核心js组件框架,UI框架,应用架构。

8. 无需编译,即时所得。

9. 不依赖nodejs,npm等前端工具和庞大的第三方库,开发环境清洁,对新手和后端研发友好。

10. 公共组件仓库。可在线分享你的组件和在系统里在线引用别人分享的组件。

11. 可选配套的后端单体服务、微服务、saas服务等服务套件。

12. 可选配套的代码生成工具和自动部署工具。

系统里所有页面都是组件或者由组件构成

任意复杂的页面可以由有限的组件搭建而成。

每个组件都以.rs作为源码文件后缀。

组件内部也可以嵌套组件,实现不限层级递归使用

框架里所有组件通称为Region(区块、积木)。

组件对象拥有仅自身作用域有效的CSS和JS代码片段,从而隔离了组件之间相互影响。

拥有完整的生命周期,并可以在自身的生命周期内设置函数回调钩子。

组件经过加载之后,会创建响应的对象实例,并保存在内存之中。

使用对象引用可以获取组件对象的属性值和操作对象的函数方法。

基本组件类型

FormRegion:表单组件,主要用于表单值绑定,后端服务地址绑定。包括数据回显,数据添加或修改等。(推荐使用)

GridRegion:列表查询组件,用于查询,分页,是FormRegion的定制版,专用于查询和显示分页结果。(FormRegion的定制版本,用于绑定后端分页服务,显示分页列表)

StaticRegion:静态容器组件,不能使用值绑定标签。主要用于显示静态页面,组件布局容器,高级原生组件定制等。(FormRegion的阉割版本,占用内存更少,不支持值绑定)

在不追求极致性能和后端服务强绑定的情况下,可以只使用FormRegion这种类型的组件。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表