資訊專(zhuān)欄INFORMATION COLUMN
摘要：學(xué)習(xí)成本很低，另外官方有比較完善的中文文檔。簡(jiǎn)單本身是沒(méi)有錯(cuò)誤，一個(gè)東西能以簡(jiǎn)單的方式解決難道不好嗎關(guān)于這個(gè)中文文檔居然還有人噴那些喜歡用的是不是英文能力差，我就再報(bào)以呵呵一笑。本身?yè)碛兄形奈臋n就是一個(gè)優(yōu)勢(shì)，結(jié)果還成了被噴的地方。
前言
由于這段時(shí)間工作上也是挺忙的，就沒(méi)有時(shí)間去寫(xiě)這個(gè)項(xiàng)目，中間一直都是寫(xiě)寫(xiě)停停，進(jìn)度也是非常慢的。正好前幾天都還比較空，就趕緊抓著空閑時(shí)間去寫(xiě)這個(gè)項(xiàng)目，最后緊趕慢趕地完成了。本項(xiàng)目采用了React的框架，可以幫助那些想學(xué)習(xí)React的同學(xué)們?nèi)ド钊雽W(xué)習(xí)React的項(xiàng)目的開(kāi)發(fā)。寫(xiě)這個(gè)項(xiàng)目過(guò)程也是非常辛苦的，如果你覺(jué)得我寫(xiě)的還不錯(cuò)的話，麻煩各位給我一個(gè)收藏或者點(diǎn)贊，也或者去github上給我點(diǎn)個(gè)星，來(lái)當(dāng)做對(duì)我的鼓勵(lì)。不勝感激！
源碼地址https://github.com/ruichengpi...
演示地址https://ruichengping.github.i...
技術(shù)棧react
react-router
react-redux
es6
axios
webpack
已實(shí)現(xiàn)功能 Tab-我的 Tab-音樂(lè)館 Tab-發(fā)現(xiàn) 側(cè)滑欄 播放列表 播放器整個(gè)項(xiàng)目采用了React這個(gè)框架來(lái)構(gòu)建，之前我都是用Vue用做開(kāi)發(fā)的。正好借此機(jī)會(huì)做一個(gè)小小的對(duì)比，純是個(gè)人使用的心得體會(huì)。如果你也有一些不一樣的心得交流的話，歡迎交流。
React相比Vue給我感受最深的就是他的優(yōu)雅的組件化，用起來(lái)是非常爽，誰(shuí)用誰(shuí)知道，引用即可使用。而Vue在這塊相對(duì)來(lái)說(shuō)就要弱一點(diǎn)，引用了組件之后還要注冊(cè)一下。當(dāng)然這不是決定React組件化優(yōu)于Vue決定性因素，更重要的Vue的模板語(yǔ)法以及它下面那套指令系統(tǒng)。相信用過(guò)的小伙伴們知道，Vue的template里面出現(xiàn)語(yǔ)法錯(cuò)誤，追蹤起來(lái)很費(fèi)時(shí)費(fèi)力的，很難定位到問(wèn)題。另外這套指令系統(tǒng)在多人共同維護(hù)的大型項(xiàng)目中弊端很大，層層的指令嵌套使得代碼閱讀起來(lái)晦澀難懂，維護(hù)起來(lái)異常麻煩。而React在這上面給我感覺(jué)就好很多，代碼可讀性也非常高。
Vue在雙向數(shù)據(jù)綁定的體驗(yàn)上要優(yōu)于React的，React采用的是Flux的單向數(shù)據(jù)流動(dòng)。這在實(shí)現(xiàn)一些需要雙向數(shù)據(jù)交互的功能上，Vue是占有優(yōu)勢(shì)的。
Vue相比React更加輕量級(jí)。Vue只需要引用一個(gè)Vue.js即可使用，而React則要引用React.js、React-dom.js、babel.js(用于轉(zhuǎn)換jsx的語(yǔ)法)。
Vue在上手程度上要優(yōu)于React。Vue學(xué)習(xí)成本很低，另外官方有比較完善的中文文檔。而React官方則只有英文文檔，另外學(xué)習(xí)成本也比較高。我見(jiàn)到網(wǎng)上某人噴只會(huì)Vue的是前端小白，我對(duì)這種人只能報(bào)以呵呵。簡(jiǎn)單本身是沒(méi)有錯(cuò)誤，一個(gè)東西能以簡(jiǎn)單的方式解決難道不好嗎？關(guān)于這個(gè)中文文檔居然還有人噴那些喜歡用Vue的是不是英文能力差，我就再報(bào)以呵呵一笑。本身?yè)碛兄形奈臋n就是一個(gè)優(yōu)勢(shì)，結(jié)果還成了被噴的地方。首先，并不是所有人的英文能力都跟某些嘴炮大神那么牛逼的。其次，就算是英文能力牛逼的人，你敢說(shuō)你閱讀中文的能力會(huì)比你閱讀英文能力差？
我個(gè)人感覺(jué)Vue的全家桶（不包括Vue）使用起來(lái)，我個(gè)人感覺(jué)是要比React的全家桶（不包括React）使用起來(lái)舒服的。
雖然Vue在一些細(xì)節(jié)上要比React好，但是不能覺(jué)得React就比Vue差。這種想法是錯(cuò)誤。特別是大型應(yīng)用上，使用React項(xiàng)目維護(hù)起來(lái)肯定是要比Vue要好的。當(dāng)然這不代表Vue不能構(gòu)建大型應(yīng)用。
React在社區(qū)生態(tài)建設(shè)上是比Vue好很多的，而且后面站著FaceBook。不怕遇到問(wèn)題沒(méi)人可以幫你解決的情況，而Vue的話就要稍微擔(dān)心一下。
最后強(qiáng)調(diào)一下：React和Vue都是非常棒的前端框架，建議大家都去學(xué)習(xí)一下。采用React或者是Vue還是要結(jié)合業(yè)務(wù)場(chǎng)景和現(xiàn)實(shí)情況做選擇的。單純說(shuō)React還是Vue好，我個(gè)人覺(jué)得都是耍流氓。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/88610.html
摘要：知乎專(zhuān)欄前端給不了解前端的同學(xué)講前端掘金前端夠得到安全跨站請(qǐng)求偽造掘金前端面試問(wèn)題持續(xù)更新掘金向核心貢獻(xiàn)代碼的六個(gè)步驟基于的仿音樂(lè)移動(dòng)端個(gè)人文章用構(gòu)建組件網(wǎng)易嚴(yán)選感受開(kāi)發(fā)已完結(jié)掘金英文 2017-09-23 前端日?qǐng)?bào) 精選 [譯] 網(wǎng)絡(luò)現(xiàn)狀：性能提升指南前端夠得到Web安全3--點(diǎn)擊劫持/UI-覆蓋攻擊React, Jest, Flow, Immutable.js將改用MIT開(kāi)源協(xié)議N...
摘要：由出品的前端開(kāi)源項(xiàng)目周報(bào)第十四期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目，方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開(kāi)源項(xiàng)目周報(bào)第十四期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了OpenDigg一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目，方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。react-overdrive 超級(jí)簡(jiǎn)單的神奇移動(dòng)過(guò)渡 show...
摘要：由出品的前端開(kāi)源項(xiàng)目周報(bào)第十四期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目，方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開(kāi)源項(xiàng)目周報(bào)第十四期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了OpenDigg一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目，方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。react-overdrive 超級(jí)簡(jiǎn)單的神奇移動(dòng)過(guò)渡 show...
摘要：由出品的前端開(kāi)源項(xiàng)目周報(bào)第十四期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目，方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。 由OpenDigg?出品的前端開(kāi)源項(xiàng)目周報(bào)第十四期來(lái)啦。我們的前端開(kāi)源周報(bào)集合了OpenDigg一周來(lái)新收錄的優(yōu)質(zhì)的前端開(kāi)源項(xiàng)目，方便前端開(kāi)發(fā)人員便捷的找到自己需要的項(xiàng)目工具等。react-overdrive 超級(jí)簡(jiǎn)單的神奇移動(dòng)過(guò)渡 show...
閱讀 3156·2021-08-03 14:05
閱讀 2210·2019-08-29 15:35
閱讀 733·2019-08-29 13:30
閱讀 3234·2019-08-29 13:20
閱讀 2589·2019-08-23 18:15
閱讀 1856·2019-08-23 14:57
閱讀 2280·2019-08-23 13:57
閱讀 1396·2019-08-23 12:10
