cell一个由自驱动、自构建的Web应用程序框架。 Cell只有一个设计目标：简单，易于学习和使用。
cell的使用
<html>
<script src="https://www.celljs.org/cell.js"></script>
<script>
var el = {
$cell: true,
style: "font-family: Helvetica; font-size: 14px;",
$components: [
{
$type: "input",
type: "text",
placeholder: "Type something and press enter",
style: "width: 100%; outline:none; padding: 5px;",
$init: function(e) { this.focus() },
onkeyup: function(e) {
if (e.keyCode === 13) {
document.querySelector("#list")._add(this.value);
this.value = "";
}
}
},
{
$type: "ol",
id: "list",
_items: [],
$components: [],
_add: function(val) { this._items.push(val) },
$update: function() {
this.$components = this._items.map(function(item) {
return { $type: "li", $text: item }
})
}
}
]
}
</script>
</html>
代码中需要注意的几件事：
- 没有要继承和扩展的框架类。
- 没有api方法调用。
- 没有HTML正文标记。
- 我们所拥有的只是一个类似JSON的变量。
- dom只是在没有运行任何功能的情况下构建自己。
链接: https://fly63.com/nav/1382
