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

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

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

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

最贊回答 / ywang04
現(xiàn)在全局安裝的webpack都是4.幾的版本 這個問題是從4開始的 可以指定安裝3.10.0的版本 就不會報錯了?npm install webpack@3.10.0 -g
推薦下自己寫的一個音樂播放器,https://github.com/snow-imprint/react-music-player

最新回答 / qq_越反越愛_0
componentWillUnMount 解綁的是組件,不能是音樂的那個解綁,把講師講的最后音樂解綁那個去掉,只能都是Pubsub的

最新回答 / qq_曖狠簡單_0
第二個問題:因為沒有取到那個對象 如果你看了老師的視頻然后又用了github上的代碼的話可能因為名字對不上 老師講的是currentMusicItem 但是循環(huán)那個地方用的是currentMusitItem 我的是這樣的希望對你有幫助

最新回答 / Flomy
看webpack官方文檔? 課程用到的webpack版本已經(jīng)過去很久了??
視頻看完了 跟著項目做完了 過程經(jīng)歷一些版本的更新 所以只能網(wǎng)上再找找教程 總算把這個項目堆完,感謝老師的課程,看完之后對react有了更深的認(rèn)知
em....這個是項目地址 附上:http://react.env107.com/dist/
ES6模板字符串語法
<div className='bar' style = {{width: `${this.props.progress}%` }}></div>
注意: ` 這個不是單引號而是鍵盤ESC下邊那個鍵
采坑總結(jié)
1: render函數(shù)中 <Header /><div id='player'></div><Progress progress={this.state.progress} />
2: npm install jquery jplayer --save-dev (使用了這個就不用像老師那樣在html中樣引入cdn的連接了)
3: 在root.js中寫入 import $ from 'jquery'; import 'jplayer';
4: 其他都和老師一樣,包括樓下同學(xué)講得什么$(this)不可用,其實也是可以的!
看著樓下同學(xué)的各種評論 瞬間覺得yo react-webpack真真好用 看老師的邏輯就行
還是感覺 " yo react-webpack 項目名 " 這個好用
電腦需要
$('#player').jPlayer( "play", progress*100 );
才正常運行
react-hot-loader已經(jīng)可以不用了webpack-dev-server 自帶新功能 HMR (hot-module-replacement),自己配置下就行
如果用ES6類創(chuàng)建方法,需要在構(gòu)造函數(shù)類內(nèi)綁定該方法,否則報“state not defined”錯,ES6類移除了除去默認(rèn)方法中的autobind this。所以在構(gòu)造函數(shù)中,需要添加:

this.play = this.play.bind(this)
照著老師代碼寫 ui出來了 但是不能播放的同學(xué) 可以看看 index.tpl.html中有沒有加上一個id為player的div
還有個坑,除了jQuery加載失敗,jPlayer也會加載失敗,報:“jPlayer is not a function” 錯。雖然jPlayer是jQuery的插件,但是仍然需要手動聲明。同加載jQuery類似。
步驟:
1. npm install jpalyer
2. 在需要用的頁面(root.js)添加:import jplayer from 'jplayer'

注:其實引用頭文件完全不用加分號 (,) ,用ES6創(chuàng)建類的話,里邊每一行語句也不用加分號。
被“Uncaught ReferenceError: $ is not defined” 卡住的小伙伴們,
我發(fā)現(xiàn)可以把jQuery用npm倒入進來,這樣就不會報錯了。
步驟:
1. npm i jquery --save
2. 在需要用的頁面(root.js)添加:import $ from 'jquery';
問題就解決了。
課程須知
1、有一定的前端開發(fā)經(jīng)驗 2、熟悉HTML、CSS,精通JavaScript 3、對前端工程化有一定的了解 4、了解ES6一些基本語法
老師告訴你能學(xué)到什么?
1、webpack的配置 2、開發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開發(fā)的理念差異 4、組件化開發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實踐

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費2個積分

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

為什么扣積分?

本次提問將花費2個積分

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

為什么扣積分?

舉報

0/150
提交
取消