V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
2570260303
V2EX  ›  前端开发

Eng --- React 、 Vue 、 Angular 全家桶套餐外的另一种超轻量级实现方式 (16kb)

  •  
  •   2570260303 ·
    343830384 · 2018-03-29 15:11:54 +08:00 · 1208 次点击
    这是一个创建于 2436 天前的主题,其中的信息可能已经有所发展或是发生改变。

    链接

    • 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); //使用方式
    
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1478 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 17:19 · PVG 01:19 · LAX 09:19 · JFK 12:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.