Home

PowJS

这里汇集演示和用例.

在使用中离不开调试, PowJS 可以用 toScript() 或 exports() 输出编译后的视图源码, 依旧使用 PowJS(view) 加载. 查看编译后的源码可以使你迅速了解 PowJS 的编译和渲染机制. 通过 param 指令自定义形参名, 或在 render, each 中使用形参推导, 可以让视图源码更适合阅读. 相信试过几次后你能适应 val,key,len,num 总是在最后的写法, 这么设计是出于降低分析形参的复杂度, 小小不便适应就好.

使用模板字符串

指令中使用标准表达式, 标准表达式没有插值.

<!-- 错误用法 禁止指令中使用插值-->
<li param="data" if="!queryAll('#list li[name={{data.name}}]').length">...</li>
<!-- 正确用法 字符串拼接-->
<li param="data" if="!queryAll('#list li[name='+data.name+']').length">...</li>
<!-- 正确用法 模板字符串-->
<li param="data" if="!queryAll(`#list li[name=${data.name}]`).length">...</li>

Demo

• My Folders 半成品, 自己动手完成事件和样式
• Demo 早期演示

用例

• Gohub 节点操作