亚洲精品久久夜色撩人男男小说 ,夜夜高潮天天爽欧美,中文字幕一区二区三区人妻少妇

首頁免費課 React實戰(zhàn)--打造畫廊應用（上）問答

React實戰(zhàn)--打造畫廊應用（上）

                
                Materliu
            Web前端工程師

                    查看講師更多課程 
                    Materliu講師的其他課程
                
Sass和Compass必備技能之Compass
中級·21216
免費課程
                                
Sass和Compass必備技能之Sass篇
中級·29320
免費課程
                                
Grunt-beginner前端自動化工具
高級·60388
免費課程
                                
                難度高級
            
                時長 2小時 4分
            
                學習人數(shù)
            
綜合評分9.37
                            67人評價
                        查看評價
                                9.6
                                內(nèi)容實用
                            
                                9.3
                                簡潔易懂
                            
                                9.2
                                邏輯清晰

全部評論問答未解決精華

em_heqian

先看有點迷惑再看一遍才發(fā)現(xiàn)所有圖片都是以右上角的坐標來定位的所以都要減去圖片的寬度

0 3-3 圖片組件構建(二)

2017-12-17

web阿周

grep是Linux系統(tǒng)下的查找命令, 換成findstr試試, 我的加上2>/dev/null就顯示系統(tǒng)找不到指定路徑,刪掉就能顯示react-webpack的版本號了, 也就是命令行輸入 npm ls -g --depth=1 | findstr generator. 然后我的電腦里全局generator好像只有一個generator-react-webpack@1.2.11, 其他的都沒裝,所以只列出了一個

1 2-1 項目生成

2017-12-09

努力奮斗的小黃人

https://github.com/wjma110/gallery-by-react，跟著老師的講解一步一步坐下來的，github上也有一些我調(diào)試中遇到的問題，歡迎大家交流學習。

2017-11-28

lintaososo

postcss.config.js的內(nèi)容
module.exports = {
parser: 'postcss-less', //限制語法結構，這里采用LESS
plugins: {
'postcss-import': {},

'autoprefixer':{ //自動加瀏覽器前綴的插件
browers: ['last 5 versions','ie >= 12']
},
'cssnano': {} // 必須把這個放在下面，是壓縮css的插件
}
}

0 2-2 webpack（一）

2017-11-28

lintaososo

2017年11月的react-webpack 生成的項目加入postcss的方法：
1. 首先安裝一堆包 postcss-less、postcss-loader、postcss-import、cssnano、autoprefixer
2. 在需要編譯css的目錄創(chuàng)建配置文件 postcss.config.js
3. 然后！配置loader！在default.js里面
test: /\.css$/,
loader: 'style-loader!css-loader!postcss-loader'

1 2-2 webpack（一）

2017-11-28

小隱山外人

胸大的幫我一下

1 2-1 項目生成

2017-11-28

lintaososo

是呀~好多都變得不一樣了~命令中指定了less 但是在項目中卻沒找到

0 2-2 webpack（一）

2017-11-26

幕布斯1467664

老師源碼:https://github.com/materliu/gallery-by-react

1 3-1 舞臺構建

2017-11-24

不是肥花

向下取整可以使用 `~~(Math.random() * MaxNumber)` 的方法。

0 3-4 圖片組件構建(三)

2017-11-24

冷月詩魂

大家可以去看比較新的課程，《使用React構建一款音樂播放器》，也是慕課網(wǎng)的

2 1-1 react實踐介紹

2017-11-22

哈敏恩

refs到的組件<ImgFigure/>只有幾個屬性，要接著refs到下面真實的DOM節(jié)點，才有scrollWidth等一大堆屬性

0 3-4 圖片組件構建(三)

2017-11-21

冷月詩魂

勸大家現(xiàn)在這一章節(jié)隨便找個圖片取名1.jpg放入images文件夾下，把后面的圖片名也都改成1.jpg，這樣就能防止后面因為查詢不到而報錯。

1 3-1 舞臺構建

2017-11-21

冷月詩魂

新版本default.js文件老師加的這句
{
test: /\.json$/,
loader: 'json-loader'
},
就是可以不用再在新版本Main.js里老師寫的var imageDatas = require('../data/imageDatas.json');這句不用加json!，也就是var imageDatas = require('json!../data/imageDatas.json');;這兩種方法都能運行。

2 3-2 圖片組件構建(一)

2017-11-21

冷月詩魂

其實大家仔細看還是有跡可循的，就是文件位置變化，名字變了下，理論上能領悟就能做到了，現(xiàn)在版本的像這些js文件都被放在node_modles里，webpack對應webpack.js、webpack-dev-server對應Server.js(大寫的S)。
我用的是webstorm編輯器，先在主目錄下找到server.js(小寫s)，進去后最上面幾行按（ctrl+鼠標左鍵）就可以跳轉了；

2 2-2 webpack（一）

2017-11-20

冷月詩魂

先幫大家把后面的坑踩掉！運行的grunt build是之前版本的，分別對應現(xiàn)在的：
npm run clean
npm run copy
npm run dist
這幾個命令可以去看package.json文件，還有很多；
至于啟動服務，則是變成：npm run serve 或者 npm start;
另外，勸大家最好換成淘寶的cnpm，npm有時候是真的慢，等得想死的心都有了！！
淘寶鏡像資源： npm config set registry https://registry.npm.taobao.org
檢測是否安裝成功：npm config get registry

4 2-1 項目生成

2017-11-20

首頁上一頁 1 2 3 4 5 6 7 下一頁尾頁

該課程已下架

課程須知: 您要具備以下前導知識： 1、需要有一定的JS基礎 2、CSS前端基礎 3、React基礎知識 4、了解前端自動化的相關知識，Yeoman，Grunt，Sass等。 5、先學習“React入門”課程

老師告訴你能學到什么？: 1、2015年最優(yōu)秀的前端集成解決方案 2、CSS3動畫，變形，字體渲染方式等大前端周邊擴展知識 3、真實的項目開發(fā)流程 4、如何利用好github保存項目，發(fā)布web說明站點。

微信掃碼，參與3人拼團

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

React實戰(zhàn)--打造畫廊應用（上）