feat:支持wxs语法

[1192511438]

现在好像还不支持wxs语法，打算支持嘛

[yisar]

wxs 比较特殊，它的逻辑在渲染层，目前我这套思路是逻辑层承载逻辑，所以我个人不太想支持了

[1192511438]

好的好的，我在反馈一个解析的兼容问题吧
路径 compiler/wxml/parse
代码 ((!token.closeStart && !token.closeEnd) || token.value !== type))
如果我的wxml的形式是



这样在prase阶段就会出现问题，
name=xxx 就没有children就为空数组了

[1192511438]

[schizobulia]

可以的话提供一个完整的小程序demo吧，我有时间看看。 @1192511438

[yisar]

不好意思现在才有时间来回复，wxs 比较特殊，是一种运行在渲染层的脚本，我不喜欢这种设计
但，最终俺还是决定在逻辑暴露一种 dom 操作的方法，使用 Proxy 劫持来实现

hijack(({ document }) => {
  const canvas = document.getElementById('myCanvas')
  const ctx = canvas.getContext('2d')
  ctx.fillStyle = 'blue'
  ctx.fillRect(50, 50, 100, 150)
  ctx.beginPath()
  ctx.arc(250, 150, 50, 0, Math.PI * 2)
  ctx.fillStyle = 'red'
  ctx.fill()
  ctx.closePath()
})

如上，本质上 document 是一个 Proxy 对象，对 document 进行操作会产生一串指令发送到 webview
和模拟 dom 不同，模拟 dom 只能模拟一个很小的 dom 子集，而 Proxy 劫持的方式可以操作 canvas 这种复杂情况

相关代码实现：https://github.com/yisar/smallapp/blob/master/runtime/master/dom/proxy-dom.js

因为 canvas 还挺常见的，但是和 node-canvas 一样模拟一整个 canvas 对象成本太高了