Eng --- React ,Vue ,Angular全家桶套餐外的另一种超轻量级实现方式 (16kb)
发布于 6 年前 作者 343830384 3245 次浏览 来自 分享

Eng 主页

  • Eng 是一款 MVVM 模式超 轻量级的 组件化数据渲染 JS 本地插件 , 仅有16kb 。 但却支持 React 、 Vue 、 Angular 全家桶套餐的主要核心功能 , 因此是这三类工具外另一种更 轻量级的实现方式 , 具有所有此类工具中 , 最少 最简洁 最易的 学习曲线;

  • Eng 在大多数情况下与后台 99 %解耦 , 按照 Eng 规则封装的Eng组件 , 具有一次编写 , 处处部署的特点 。 后台仅仅只需配置数据的请求接口 。 在使用本地数据的特殊情况下 , 后台对前端工作的参与度近乎为 0 ;

  • Eng 主要特性:数据多向绑定 、组件闭包通信(动态)、 组件群发循环通信 、数据状态共享(跨页面模式下:跨组件,多向控制)、 组件require(自动按需加载js,css)、组件自请求数据、支持列表数据过滤 ,实现Excel数据统计计算、 组件方法自缓存复用

  • Eng 相较于同类工具: 更少更简易的指令/方法实现同样的操作 , 没有任何组件通信障碍 , 后台无需专门复杂的路由控制器(1个ID1个接口) ,数据状态共享仅需简短的声明 , 组件是完整闭包的全功能自动独立运作体。

  • Eng 的数据结构与dom层次划分, 互为结构视图 。 在深度开发下 ,提供异常明晰的规律逻辑思考模式 与 例推效应;

      var cfg={
				  app:{
					  el:document.body,
					  id:'app',
					  css:true
				  },
				  $_sharedData:{  //数据状态共享 配置
					  '<=>':['app']
				  }
		  };
		  Eng.init(cfg); //使用方式
8 回复

看了下文档第一页,妄言写的很好,支持!

@EryouHao 当前 数据功能共享 有兼容性问题在IE 上 修复了一点小bug ,强制刷新下网页就好

刚更新 修复iE 下 数据共享不能正确工作的问题 ,以及部分兼容性

完整版代码呢?怎么只有min?

@chapgaga 因为函数式编程 , 个人习惯 ,代码看起来乱糟糟 ,混乱 ,随意 aa,bb命名 ,没有备注习惯 , 有碍观瞻 所以只上传min 版 之后会专门 写一篇类似工具 完整实现的 逻辑 架构 完整原理模型 , 完全可以套用写出自己的类似插件, 所以没必要刻意关注完整代码

@343830384 看min更碍观瞻啊:(

感觉造这个轮子很有用,我也想造。

来自酷炫的 CNodeMD

迟一些时候 ,会专门推出相关 核心完整实现的逻辑架构 及实现教程的 每个人都会有自己的思路去实现一个类似完整的 js 工具 , 但是核心都是一样差不多的 ,看完整源码 是一件耗时费力的无聊之举

回到顶部