PowJS 更新至 2.2.0，Real-DOM 模板引擎创始者

  

PowJS 2.2.0 已发布，PowJS 是一个 ECMAScript 6 编译型 Real-DOM 模板引擎.

Real DOM 直接在 DOM Tree 上编译, 渲染. DOM Tree 就是模板.
原生语法 指令与 ECMAScript 原生语法对应
导出视图 采用 ECMAScript 源码
属性插值 name="something {{expr}}"
文本插值 剔除文本节点两端空白后对 {{expr}} 进行插值
缺省形参 顶层缺省形参为 (v, k)
形参传递 除非使用 param 指令, 子层继承上层的形参

只有 15K 的单文件实现模板的编译, 导出, 渲染, 一切都在真实的浏览器环境进行.

写模板就像写 JS 函数, 直视 My Folders 半成品, 自己动手完成事件和样式.

流程

HTML string ---> Real DocumentFragment
                   |
                   V
Real Node   ---> PowJS <---> View
                   |
                   V
                 render(...args)
                   |
                   V
                 Real DocumentFragment ---> Real DOM

```

install

NodeJS 环境

yarn add powjs

浏览器环境

<script src="//unpkg.com/powjs"></script>

Change Log

该项目遵循 Semantic Versioning

2.2.0

• 修复 exports 导出 BUG

• 优化 toString 输出

• 变更 if 指令取消尾部 || 规则, 优化为尾部 ; 判断

• 增加 each 附加参数以及形参推导

2.1.1

• 修复 each 形参推导 BUG

2.1.0

• 修复 if 指令未能正确处理 #text string 的 BUG

• 变更 isRoot 的判断算法, 为实时渲染提供基础

• 增加 func 指令命名视图, 支持视图调用

• 增加 形参推导, 参见 each-render 小节

• 增加 isReal 返回当前节点是否连接到真实的页面 DOM 中

2.0.0

• 变更 环境 ECMAScript 6

• 变更 指令 if 融合渲染条件和可变标签

• 变更 插值使用模板字符串 ${x}

• 变更 toScript() 格式, 支持多节点模板

• 变更 模块入口参数 option 格式

• 移除 required(), outerHTML(), node(), view

• 增加 多节点模板支持: Node,[Node],NodeList

• 增加 属性 node, 当前渲染的节点

• 增加 辅助方法 prop(propertyName[,v])

• 增加 辅助方法 exports(target),lastChild(),isRoot(),query(selector)

• 增加 节点操作 appendTo(node),renew(node),insertBefore(node),insertAfter(node)

1.1.0

• 增加 .outerHTML 和插件支持

1.0.0

• 第一个可用版本