Web 前端 MV* 框架模板语法设计

正在为自己的 MV* 框架 Drop 设计 0.2 版的模板语法. 0.1 版因为时间比较紧迫, 最初的设计和实现总共只用了十来天, 就用到了项目上, 发现了不少问题. 0.2 版希望能较好地解决, 于是慢慢在推敲相关设计, 并参照了 Angular 2 (不过 Drop 本身 decorator 的概念也和 Angular 的 directive 有相似之处).

目前相关内容都是放到 issue 里的, 有兴趣的同学可以看看 0.2 版介绍草稿 (英) 来了解还在设计中的 Drop 0.2 版的语法. 最重要的是, 有兴趣的同学可以参与到初期设计中来.

造这个轮子一方面是因为不大有耐心阅读别人的源码 (得治), 造成对诸如 Angular 之类的框架没有底, 不知道内部实现的瓶颈在哪儿, 用起来不安心 (说到这儿想起之前有看到过一文, 建议标注 API 开销大小, 还是挺有用的). 另一方面还是因为对现有的框架不是很满意. (比如为什么要双大括号?)

Angular 来说, 在 Angular 2 的宣讲里其实已经提到了很多 Angular 1.x 的问题, Angular 2 也解决了多数提到的问题, 但有的问题可能还不是很对极个别人的胃口 (比如我).

举个例子:

Angular 1.x, ng-something="..." 中 ... 是语句还是表达式, 是由编写 directive 的人决定的, 这样容易给使用者带来困惑. 于是在 Angular 2 中, 使用了 [属性]="表达式" 和 (事件)="语句" 这样的形式. 挺好, 但是感觉还不够一般化.

于是在 Drop 0.2 版中, 我暂且想到这样一种形式, 使用一个符号来区分表达式和语句:

[*click doSomething]
<div>click me!</div>

[*click :doSomething()]
<div>click me!</div>

<!-- 或者另一种风格 -->
<div *click="[doSomething]">click me!</div>
<div *click=":doSomething()">click me!</div>

欢迎在 0.2 版介绍草稿 (英) 等 issues 下参与讨论, 提供使用案例或者语法改进 (虽然估计评论区依旧会空空如也 T-T).