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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

使用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 邏輯清晰
我好像是一個(gè)假前端 (?﹏?)
另外吐槽下jPlayer沒(méi)有做異常檢查,給它的參數(shù)如果寫(xiě)錯(cuò)了它不會(huì)報(bào)錯(cuò)的。。。
比如 $('#player').jPlayer('volumn', volumn);
記錯(cuò)一個(gè)單詞volume,恁是檢查半個(gè)小時(shí)。
this.setState({
volume: progress * 100,
}); 可避免音量進(jìn)度條沒(méi)有更新

確實(shí)我覺(jué)得就應(yīng)該這樣更新音量,而不是放到 $('#player').bind($.jPlayer.event.timeupdate, ()=>{})里面,因?yàn)榉诺侥抢锩娴脑?huà)是隨著播放時(shí)間更新而更新state,音量的變化應(yīng)該與播放進(jìn)程沒(méi)有關(guān)系。

已采納回答 / z2x
你看一下這篇文章:https://doc.webpack-china.org/loaders/babel-loader/
$("#player").bind($.jPlayer.event.timeupdate); 總是報(bào) $ is not defined 有沒(méi)有大神解決一下
為啥寫(xiě)的內(nèi)容跟從git賬號(hào)上面的完整版差別有些大,有丟丟懵逼
遇到問(wèn)題總結(jié):
1.npm i jquery jplayer --save-dev 安裝插件,不需要直接引入js文件
2.使用webpack.ProvidePlugin直接配置jquery全局函數(shù),不需要到處import $ from 'jquery'
3.ES6下使用constructor(props){super(props); this.state={progress:'-'};}初始化state中的progress
4.componentDidMount(){}中this.setState已經(jīng)在另一個(gè)function作用域,在句末加上.bind(this)即可

最新回答 / 慕移動(dòng)9181930
贊!就喜歡你這樣的!這個(gè)設(shè)置是容器里面的內(nèi)容居中,div{text-align:center;}是div里面的內(nèi)容相對(duì)于div居中的。
那么趕進(jìn)度嗎,省略那么多
........什么都跳過(guò)了,css跳過(guò),配置跳過(guò),直接跳到完成部分就是了

已采納回答 / HZYou
應(yīng)該是這個(gè)頁(yè)面沒(méi)有引入老師的 common.css 文件,需要手動(dòng)引入import '../static/css/common.css';路徑換成你common.css的相對(duì)路徑
講真這位老師講的真超好,要是16年的時(shí)候來(lái)學(xué)那就是極好的,但是現(xiàn)在 = = ,兩個(gè)多小時(shí)課程,花了兩天時(shí)間配置環(huán)境修改BUG,想哭;
在componentDidMount函數(shù)里面應(yīng)該這樣寫(xiě),不能直接this.setState,因?yàn)樵赽ind函數(shù)里面,this已經(jīng)不是指向組件實(shí)例了,
var _this = this;
$('#player').bind($.jPlayer.event.timeupdate, function(event) {
_this.setState({
progress: Math.round(event.jPlayer.status.currentPercentRelative) + '%'
});
})
老師不是已經(jīng)說(shuō)了嗎,有點(diǎn)基礎(chǔ)來(lái)學(xué)最好了,如果是想專(zhuān)門(mén)學(xué)webpack有老師專(zhuān)門(mén)講webpack的,新手最好是先使用腳手架去寫(xiě)react,熟悉了之后再來(lái)用webpack配置。會(huì)報(bào)錯(cuò)之前也有同學(xué)說(shuō)了,在console.log里,react改成React,版本號(hào)就出來(lái)了。如果想打印hello,world,可以直接在index.html的div里面寫(xiě)hello,world。還有就是如果報(bào)錯(cuò)了,改完之后再打包再刷新來(lái)看,不然你怎么改都是沒(méi)有用的。因?yàn)檫€沒(méi)有配置熱更新。老師都很不容易,能來(lái)講課的老師都是值得我們?nèi)ス膭?lì)的,如果有問(wèn)題,麻煩在問(wèn)答區(qū)或者評(píng)論區(qū)問(wèn),不要?jiǎng)硬粍?dòng)就說(shuō)別人不好,有本事你來(lái)講

最新回答 / qq_曖狠簡(jiǎn)單_0
通常是因?yàn)榻M件并沒(méi)有裝載上便開(kāi)始執(zhí)行setState({})建議按照這個(gè)處理:https://www.cnblogs.com/zyl-Tara/p/7998590.html

已采納回答 / 慕村7809337
你方法名打錯(cuò)了? ?應(yīng)該是componentWillUnmount? ?注意m要小寫(xiě)? ?(話(huà)說(shuō)我第一次也寫(xiě)錯(cuò)了~)
課程須知
1、有一定的前端開(kāi)發(fā)經(jīng)驗(yàn) 2、熟悉HTML、CSS,精通JavaScript 3、對(duì)前端工程化有一定的了解 4、了解ES6一些基本語(yǔ)法
老師告訴你能學(xué)到什么?
1、webpack的配置 2、開(kāi)發(fā)環(huán)境的搭建 3、React與傳統(tǒng)開(kāi)發(fā)的理念差異 4、組件化開(kāi)發(fā) 5、React-Router的使用 6、事件訂閱及通信 7、一些最佳實(shí)踐

微信掃碼,參與3人拼團(tuán)

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

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

公眾號(hào)

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

友情提示:

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

本次提問(wèn)將花費(fèi)2個(gè)積分

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

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?

舉報(bào)

0/150
提交
取消