司徒正美最新框架anujs的一个例子
2017/07/14    标签: anujs    anu    司徒正美   

anujs里ReactIE.js直接使用会报错。

第一步引入文件夹下的polyfill.js

第二步映入文件加下的ReactIE.js

demo如下

html文件:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <input type='text' placeholder="测试2" />
        <div id="example">

        </div>
    </body>
    <script src="https://cdn.bootcss.com/placeholders/4.0.1/placeholders.min.js"></script>
    <script type="text/javascript" src="libs/polyfill.js"></script>
    <script type="text/javascript" src="dist/ReactIE.js"></script>
    <script type="text/javascript" src="test.jsx"></script>
</html>

test.jsx文件如下:

var InputPlaceHolder = React.createClass({
    render:function(){
        return <input type='text' placeholder='测试13fffffff'/>
    }
});
ReactDOM.render(<InputPlaceHolder/>,document.getElementById('example'));

test.jsx需要用webpack或者其他工具。使用babel+es3ify编译成js文件后才能在ie8一下版本运行

运行效果

QQ截图20170714154627.jpg

相关文件下载地址:

http://pan.baidu.com/s/1cu9exC