react
Lich Howger
这个作者很懒,什么都没留下…
展开
-
148-react入门
react入门React.js是前端三大框架之一1.angular.js2.react.js3.vue.js这三大新框架的很多理念是相同的,也有各自的特点react起源于facebook的内部项目,因为该公司对市场上所有的js MVC框架都不太满意就自己写了一套,用来架设instagram网站react可以作为一个js库来使用我们只要在页面上引用相关的j...原创 2018-12-16 17:19:40 · 153 阅读 · 0 评论 -
329-将react项目打包部署在服务器上
将react项目打包部署在服务器上我们试一试从0开始将一个react项目部署在服务器上还是踩了很多坑的主要还是因为自己对服务器不是特别精通所以还是要多多学习我们的本地系统是windows云服务器系统是centos那么我们在本地创建一个react项目执行create-react-app demo这样就创建了一个demo项目如果我们在本地执行npm star...原创 2019-04-02 11:19:33 · 7372 阅读 · 6 评论 -
281-TruffleReactBox入门二
TruffleReactBox入门二刚刚我们创建好项目然后简单修改了下代码看了一下效果接下来我们来用truffle-contract改写一下这个项目看下步骤1.安装引入truffle-contract那么我们先来安装一下truffle-contractcd client 进入client执行cnpm install tru...原创 2019-02-26 16:18:33 · 448 阅读 · 0 评论 -
280-TruffleReactBox入门
TruffleReactBox入门我们创建一个目录TruffleReactDemo然后执行truffle unbox react或者sudo truffle unbox react如果不能下载或者下载失败的话那么可以到官网去下载https://truffleframework.com/然后打开boxes这里面都是样板项目,样板文件然后...原创 2019-02-26 15:18:38 · 356 阅读 · 0 评论 -
267-react入门
react入门react应用程序骨架(脚手架)安装一下npm install -g create-react-app然后我们创建一个工程create-react-app demols看下目录然后进入到目录里面cd demo我们看到目录里已经有了工程文件了然后我们测试一下npm run start 然后我们就看到react了...原创 2019-02-20 17:17:50 · 97 阅读 · 0 评论 -
271-react合约交互
react合约交互我们创建三个文件夹,对js文件进行一个管理1.display display.js2.eth interaction.js loadInstance.js3.utils getWeb3.js首先,我们把web3分离到getWeb3.js里面getWeb3.js文件//web3let Web3 = require...原创 2019-02-21 17:03:30 · 420 阅读 · 0 评论 -
158-react脚手架开发
react脚手架开发脚手架开发指的是react提供了完整的自动化开发工具而且规划好了开发一个项目的项目目录这些工具是通过nodejs开发的我们通过npm来安装这些工具同时可以通过这个工具生成一个应用的项目目录安装脚手架工具1.设置npm淘宝镜像npm config set registry https://registry.npm.taobao.org2.安装...原创 2018-12-18 21:47:04 · 89 阅读 · 0 评论 -
157-react选项卡
react选项卡<script src="js/react.development.js"></script><script src="js/react-dom.development.js"></script><script src="js/babel.min.js"></原创 2018-12-18 21:46:29 · 326 阅读 · 0 评论 -
156-react生命周期
react生命周期两个生命周期方法初始化和销毁componentDidMountcomponentWillUnmount来个例子class Hello extends React.Component{constructor(props){super(props);}componentDidMount(){}componentWillUnmount()...原创 2018-12-18 21:46:04 · 79 阅读 · 0 评论 -
155-react列表渲染
react列表渲染<script type="text/babel">var aList=[ {name:'abc01',age:'11'}, {name:'abc02',age:'12'}, {name:'abc03',age:'13'}, {name:'abc04',age:'14'}, {name:'abc05',age:'15'} ]let ...原创 2018-12-18 21:45:34 · 96 阅读 · 0 评论 -
154-react列表编辑与更新
react列表编辑与更新<body><script type="text/babel">class Todolist extends React.Component{render(){ return( <div> ... </div> );}}ReactDOM.render(<Todolist ...原创 2018-12-18 21:44:59 · 716 阅读 · 1 评论 -
153-react绑定事件和状态属性
react绑定事件和状态属性React绑定事件和JavaScript中的行间事件类似事件绑定是写在标签中的但是React事件是在原生事件的基础上做了封装它的事件用驼峰命名,而不是全部小写事件需要传递一个函数作为事件处理程序我们可以通过类定义组件把函数作为方法定义在组件中class Demo extends React.Component{ fnHello(){...原创 2018-12-18 21:44:33 · 191 阅读 · 0 评论 -
149-JSX语法
JSX语法JSX就是Javascript和XML结合的一种格式。React发明了JSX,利用HTML语法来创建虚拟DOM。当遇到<,JSX就当HTML解析,遇到{就当JavaScript解析。来点代码注意:script三个导入要按顺序来<script src="js/react.development.js"></script>&l...原创 2018-12-16 17:20:08 · 166 阅读 · 0 评论 -
331-react数据传递
react数据传递react数据传递1.state2.props3.context一.构造函数constructor(){ super(); this.abc=100;}<div> {this.abc}</div>二.stateconstructor(){ super(); this.state...原创 2019-04-03 10:30:25 · 121 阅读 · 0 评论