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

為了賬號安全，請及時綁定郵箱和手機立即綁定

使用React構建一款音樂播放器

musiq Web前端工程師
難度中級
時長 2小時39分
學習人數
綜合評分9.33
41人評價 查看評價
9.4 內容實用
9.3 簡潔易懂
9.3 邏輯清晰
React的請求用什么好一些呢，之前用的fetch請求，但是兼容不是很好
課程非常好，感謝。
結合老師的思路用 dva+react實現了這版音樂播放器，支持從播放列表點擊跳轉播放音樂。
數據方面沒用全局變量，通過前端mock數據涵蓋了完整的前后端數據流交互流程。
歡迎大家拍磚交流~~
地址：https://github.com/hangview/react-music-player
在對當前播放歌曲進行顏色加深時，musiclistitem.less文件中的&.focus是什么意思啊，還有l(wèi)s文件中<li>標簽在模板函數判斷的時候為什么要在focus前面加一個空格？開始寫的時候沒注意加空格，樣式都亂了。還有l(wèi)ess文件中的&::before那些又代表什么意思呢？求大神解答呀?。。?！
使用create-react-app腳手架搭建react音樂播放器
項目地址：https://github.com/LuvJia/react-musicplayer
項目預覽：https://luvjia.github.io/react-musicplayer/
使用create-react-app腳手架搭建react音樂播放器
項目地址：https://github.com/LuvJia/react-musicplayer
項目預覽：https://luvjia.github.io/react-musicplayer/
使用create-react-app腳手架搭建react音樂播放器
項目地址：https://github.com/LuvJia/react-musicplayer
項目預覽：https://luvjia.github.io/react-musicplayer/
let barStyle = {
width: `${this.props.progress}%`
};
return (
<div className="components-progress" >
<div className="progress" style={barStyle}></div>
</div>
);
生成了個main.js，這文件是不是特別大，三萬六千多行
webpack 打包也提示成功 但是沒有bundle.js文件 啊
react-router4 傳值：
<Route path="/" render={() => <Player currentMusicItem={this.state.currentMusicItem}></Player> } />
<Route path="/list" render={() => <Musiclist musicList={this.state.musicList}></Musiclist> } />
新版本路由寫法請參考樓上童鞋~
覺得難學的 建議先去補補webpack和nodejs
可以先看看這兩個教程
https://www.jianshu.com/p/324fd1c124ad
https://www.jianshu.com/p/9ff4eb06b443
堅持看到這節(jié)的童鞋們，已經不多了。。跟著做到這節(jié)，雖然有點小坑，對照新版本查一下，就爬出坑了！ 真的是越做越爽！小伙們一起加油~
有個坑，在root文件引入音樂列表，需要import {MUSIC_LIST} from './config/Musiclist.js'，要不然子組件報錯，獲取不到音樂列表內容
直接onClick={(this.changeProgress).bind(this)} 也可以
最新版進度條更新 style={{width: this.props.progress+'%'}}
首頁上一頁3456789下一頁尾頁
課程須知
1、有一定的前端開發(fā)經驗 2、熟悉HTML、CSS，精通JavaScript 3、對前端工程化有一定的了解 4、了解ES6一些基本語法
老師告訴你能學到什么？
1、webpack的配置 2、開發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開發(fā)的理念差異 4、組件化開發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實踐

微信掃碼，參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發(fā)表

為什么扣積分？

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消