综合亚洲,,,色,中午日产幕无线码8区

首頁(yè) 免費(fèi)課使用React構(gòu)建一款音樂(lè)播放器問(wèn)答

使用React構(gòu)建一款音樂(lè)播放器

            
                musiq
            
            Web前端工程師
                    
                難度中級(jí)
            
                時(shí)長(zhǎng) 2小時(shí)39分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分9.33
                            41人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.4
                                內(nèi)容實(shí)用
                            
                                9.3
                                簡(jiǎn)潔易懂
                            
                                9.3
                                邏輯清晰

全部評(píng)論問(wèn)答未解決精華

daydaystudy

就是這個(gè)：
var arr = document.getElementsByTagName("p");
for(var i = 0; i < arr.length;i++){
arr[i].onclick = function(){
alert(i);
}
}

0 3-9 組件通信（1）

2017-12-15

daydaystudy

本人用的es6的語(yǔ)法寫的示例，想了半天onClick={this.playMusic.bind(this,musicItem)}為啥要在代碼行里用bind，而不能在constructor里面綁定？？因?yàn)檫@里的musicItem是動(dòng)態(tài)生成的，每次musicItem的值都不一樣，所以需要?jiǎng)討B(tài)綁定，一次綁定是識(shí)別不到參數(shù)的。例子的話感覺(jué)和給你一組button按鈕依次打印出按鈕的index差不多。

0 3-9 組件通信（1）

2017-12-15

幕幕的

這個(gè)刪除只是前端的刪除，沒(méi)有更新數(shù)據(jù)庫(kù)，所以這些都不斷bug，而且，這個(gè)僅僅是做前端展示用

0 3-10 組件通信（2）

2017-12-14

daydaystudy

是componentWillUnmount而不是componentWillUnMount,注意 m 是小寫！?。?/div>

2 3-4 進(jìn)度條組件完善（1）

2017-12-12

慕仔9525016

感謝！免費(fèi)的還這么好

2 2-2 webpack dev server和常用插件使用

2017-12-12

名分開就是姓名

每當(dāng)播放時(shí)間更新會(huì)觸發(fā)setState 方法，頁(yè)面render方法執(zhí)行 componentDiDmount 然后又綁時(shí)間更新，這樣不久重復(fù)綁定了嗎

0 3-4 進(jìn)度條組件完善（1）

2017-12-09

web阿周

堅(jiān)持不下去了,老師太跳.官方文本更新的又快,webpack版本都3了, 我還是去把基礎(chǔ)打好再來(lái)琢磨這個(gè)課程吧

1 3-1 header組件開發(fā)

2017-12-08

web阿周

我大概弄清楚了, import React from 'react', 在下面的代碼里沒(méi)運(yùn)用React,這行代碼就會(huì)是灰色, 因?yàn)槲蚁旅娲a里用的react, 所以改成import react from 'react' 就不會(huì)報(bào)錯(cuò)了....老師這個(gè)也不講那個(gè)也不講, 參數(shù)配置不應(yīng)該是最重要的部分么, 特別是對(duì)我們剛?cè)腴T的人來(lái)講, 聽的一頭霧水

4 2-2 webpack dev server和常用插件使用

2017-12-08

web阿周

我找了兩個(gè)小時(shí)的錯(cuò)誤,一直提示react無(wú)法識(shí)別,我以為是版本問(wèn)題導(dǎo)致babel沒(méi)生效,正巧又說(shuō)babel-preset-es2015升級(jí)了,做了很大的改變,結(jié)果,結(jié)果!!!模塊新版舊版重裝了N次還是一樣,ES6轉(zhuǎn)碼失敗,最后我把import Rreact from 'react'改成import react from 'react', R小寫了就行了,現(xiàn)在還很懵逼,看老師github里源碼也是React,怎么到我這里了就不行,得小寫

0 2-2 webpack dev server和常用插件使用

2017-12-08

幕幕的

這個(gè)配置有點(diǎn)扯，建議去下面找個(gè)項(xiàng)目做完的拷貝下GIT的配置

0 2-2 webpack dev server和常用插件使用

2017-12-07

慕蓋茨2004007

課程很好，如果能聽到老師的redux課程就更好啦！

0 3-8 頁(yè)面導(dǎo)航，React-Router學(xué)習(xí)

2017-12-06

我是你的瑞雪呀

報(bào)BUG：
musicList:MUSIC_LIST.MUSIC_LIST要寫成這樣
因?yàn)榈谝粋€(gè)是指導(dǎo)入的文件，第二個(gè)才是對(duì)象

0 3-7 歌曲列表頁(yè)面開發(fā)

2017-11-29

不是肥花

老師說(shuō)的很清楚，是 es6 語(yǔ)法中的模板字符串了。你們是沒(méi)有認(rèn)真聽還是什么？

0 3-4 進(jìn)度條組件完善（1）

2017-11-29

我是你的瑞雪呀

我來(lái)報(bào)一下BUG：

要改成1.<Player currentMusicItem={this.state.currentMusicItem}>
2.config 里musicList.js文件的導(dǎo)出 exports.exports.MUSIC_LIST = [
3.然后引用的時(shí)候：MUSIC_LIST.MUSIC_LIST[0]

0 3-6 播放器播放控制UI及邏輯開發(fā)

2017-11-28

冷月詩(shī)魂

本節(jié)至下一節(jié)課程代碼已上傳（完善了部分bug）
https://github.com/xzylogic/workspaces.git
最重要的一步：先選擇我的分支 xzy_reactMusic_6
然后點(diǎn)擊進(jìn)入React，再點(diǎn)擊進(jìn)入react-music-player

1 3-9 組件通信（1）

2017-11-28

首頁(yè)上一頁(yè)6 7 8 9 10 11 12 下一頁(yè)尾頁(yè)

該課程已下架