自己的项目有几点特殊需求。
- 界面抽象层需要跨平台,所以不能直接写 HTML,所有的组件必须封装成 Web 组件模式,类似 React 的 JSX 。
- 界面 JSX 母板,需要从设计软件里直接导出,并保留布局的一些约束属性,以便适应不同的手机分辨率。
- 逻辑实现和界面尽可能的分离,React 那种混合开发模式,界面模板和逻辑绑定太紧密,不同人去二次修改会比较费力。
- 把 tailwind CSS 语法集成进来。
- 自定义 JSX 重度依赖模板语法,形成带数据的 XML 中间格式,最后运行期动态编译到 HTML 。
已经写了一个雏形,还给 chrome 写了调试插件,以便随时对比查看,编译前后的 JSX/XML/HTML 。
但是很迷茫,前端发展实在是太快太快,感觉造轮子不太值得,在做无用功。

贴一张昨晚写的插件图。