![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React学习
文章平均质量分 77
水月夜
我去。。。还有啥
展开
-
react-webpack 照片墙制作(一)
这段时间开始学习react与webpack,在慕课网中看一个照片墙的制作,以下是我自己的学习过程。因为react-webpack的更新,视频中的很多过程用现在的环境是错误的,接下来我带着大家一起来排坑。学习react的话推荐 阮一峰的React 入门实例教程 学习webpack的话推荐 慕课网的视频**准备工作** nodejs等其它基本环境这里不赘述。 首先我们新建自己的一个项目文件夹原创 2017-02-24 16:35:45 · 2399 阅读 · 3 评论 -
react-webpack 照片墙制作(二)
接着一的内容,我们继续。之前准备工作以及舞台数据等都准备好了。 接下来,先对单个图片的布局样式设置好,在src/components的main.js里添加如下代码//单个图片组件class ImgFigure extends React.Component{ render(){ return( <figure className="img-figure" >原创 2017-02-25 10:31:05 · 1671 阅读 · 0 评论 -
ReactJS
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略 ReactJS的风采吧~~ 章有点长,耐心读完,你会有很大收获哦~一、ReactJS简介React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架转载 2017-03-19 11:08:45 · 827 阅读 · 0 评论 -
react-webpack 照片墙制作(三)
最后照片墙做出来,按照视频中的操作。无法显示在github上,需要做点修改发布前需要修改index.html <script type="text/javascript" src="assets/app.js"></script>以及default.js里的 这是修改为绝对路径module.exports = { srcPath: srcPath, publicPath: 'assets/原创 2017-02-26 23:37:10 · 834 阅读 · 1 评论 -
react的工作原理
现在最热门的前端框架有AngularJS、React、Bootstrap等。自从接触了ReactJS,ReactJs的虚拟DOM(Virtual DOM)和组件化的开发深深的吸引了我,下面来跟我一起领略ReactJs的风采吧~~ 文章有点长,耐心读完,你会有很大收获哦~ 一、ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaSc转载 2017-03-06 09:43:30 · 26559 阅读 · 4 评论