为了账号安全,请及时绑定邮箱和手机立即绑定

React实战--打造画廊应用(上)

框架都搭不起来呢
直接命令安装,yeoman,老是失败
cp不是内部命令也不是外部命令
由于是初次学react,网上视频很少,老师讲了很好,就是有点旧,下面是自己完成的项目:
项目地址:https://github.com/Acalpha/gallery-by-react;
项目展示:https://acalpha.github.io/gallery-by-react/dist/index.html;
自己还在改善,欢迎参考,欢迎留言讨论;
orz,并没用es6的写法,我用的createClass做的
都不一样的,学起来非常困难了,尤其是配置这部分啊!
其实已经更新了,但是对比着来看,会发现相差不大,只是将其封装了,会显得更加优雅
关于webpack等构建工具的使用还是不要听了,我都是听的关于react语法,然后对比着去看文档。
最新版本的 react-webpack 已经好久没有更新了,webpack 依然用1.12.0的版本,没有json-loader, 没有sass-loader。 1。所以需要自己安装json-loader进来,然后改cfg/default 的配置文件,把json-loader加进去,并且require 的时候需要加上json!. eg: require('json!../data/imageData.json'). 2。安装node-sass3.8.0 和sass-loader4.0.0版本,千万不要安装最新版本的sass, 要不然会报各种版本依赖错误!
你们的标题是讲解react,可是大部分时间在讲怎样计算机算,有什么用?
问题,用require 来引入图片的时候。如果url 提取出来,会报Uncaught Error: Cannot find module '../images/1.jpg'. 如果不把url 提取出来,又可以生效的。为什么?估计也是为什么不能在json 文件中定义imageURL.
eg: let url = '../images/' + item.fileName;
let imageUrl = require(url); //Not Work

eg: let imageUrl = require('../images/' + item.fileName); //Work
webpack 2.0 以上已经自带json-loader,所以不需要再引用或者安装json-loader,但是必须保证已经安装了webpack(npm install -g webpack), 不单单安装yo! 要不然读不了json 文件。
慕课网可以试着更新一下课程了。。。。
看第一遍中,真是一脸懵逼状态!
这个讲课的不适合做老师,鉴定完毕
课程须知
您要具备以下前导知识: 1、需要有一定的JS基础 2、CSS前端基础 3、React基础知识 4、了解前端自动化的相关知识,Yeoman,Grunt,Sass等。 5、先学习“React入门”课程
老师告诉你能学到什么?
1、2015年最优秀的前端集成解决方案 2、CSS3动画,变形,字体渲染方式等大前端周边扩展知识 3、真实的项目开发流程 4、如何利用好github保存项目,发布web说明站点。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消