X-View - 一个基于 Virtual DOM 与 Web Components 的前端框架.

爱意满满的作品展示区。

This topic created in 3979 days ago, the information mentioned may be changed or developed.

一个有意义的轮子(伪), 三天写出来的产物, 仿 React 的 API.

一个 example:

var Button = x.createClass({
  propTypes: {
    text: x.type.string
  },
  render: function() {
    return x.createElement("button", {
      "on-click": this.emit.bind(this, "button-click")
    }, [this.props.text]);
  }
});
x.register("x-button", Button);
x.render(document.body, x.createElement("x-button", {
  text: "Hello!",
  "on-button-click": function() {
    console.log("You clicked the button.");
  }
}));

目前还不稳定, 只是刚能用了而已, Shadow DOM 支持正在开发中...

Button

Click

DOM

2 replies • 2015-06-26 17:54:05 +08:00

visonme

Jun 25, 2015

为楼主赞一个，或许生产中不会使用到楼主的，但是应用中一些确实可以借鉴的
+1

jinzhe

Jun 26, 2015

感觉比原生还复杂