当前位置: 首页 > Web前端 > HTML5

基于React的仿QQ音乐(手机端)

时间:2023-04-05 11:11:14 HTML5

前言由于这段时间工作很忙,没时间写这个项目。中间一直写啊写啊,进度很慢。正好前几天比较空闲,就赶紧利用空闲时间写了这个项目,总算是匆匆写完了。本项目采用了React的框架,可以帮助想学习React的同学进一步了解React项目的开发。写这个项目的过程也很辛苦。如果大家觉得我的文还不错,请给我点个赞或者点个赞,或者去github上给我一个star鼓励一下。太棒了!源码地址https://github.com/ruichengpi...Demo地址https://ruichengping.github.i...技术栈reactreact-routerreact-reduxes6axioswebpack已实现功能Tab-MyTab-MusicHallTab-DiscoverysideSliderplaylistplayersongsearchsonglistmanagement项目概要整个项目采用React框架搭建。之前用Vue开发。我只是借此机会做一个小小的比较,纯属个人经验。如果你也有一些不同的经验可以交流,欢迎交流。和Vue相比,React给我最大的感受就是它优雅的组件化,用起来非常爽,用过的人都知道引用它就可以用。Vue在这方面相对较弱,需要在引用组件后进行注册。当然,这并不是决定React组件化优于Vue的决定性因素,更重要的是Vue的模板语法和其下的一套指令体系。相信用过的朋友都知道,Vue的模板存在语法错误,追查费时费力,问题定位难度大。另外,这种指挥系统在多人共同维护的大型项目中也有很大的劣势。层层的命令嵌套使得代码难以阅读和维护。而React在这一点上给我的感觉就好多了,代码可读性也很高。Vue在双向数据绑定的体验上优于React,而React使用的是Flux的单向数据流。Vue在实现一些需要双向数据交互的功能上有优势。Vue比React更轻量。Vue只需要引用一个Vue.js就可以使用,而React需要引用React.js、React-dom.js、babel.js(用来转换jsx的语法)。Vue在入门方面优于React。Vue的学习成本很低,官方中文文档也比较齐全。React官方只有英文文档,学习成本比较高。在网上看到有人只知道Vue是前端小白,我也只能回应这种人。简单本身并没有错,能用简单的方法解决问题不是很好吗?关于这份中文文档,还有人抱怨喜欢用Vue的人英语水平太差,我就笑着回复。有中文文档是优势,结果成了被喷的地方。首先,并不是每个人的英语能力都像一些大嘴巴。其次,即使你是一个英语能力极好的人,你敢说你看中文的能力不如看英文的吗?个人感觉Vue的全家桶(不含Vue)比React的全家桶(不含React)用起来舒服。虽然Vue在某些细节上优于React,但不能认为React比Vue差。这种想法是错误的。尤其是大型应用,用React项目维护肯定比Vue好。当然,这并不是说Vue不能构建大型应用。React在社区生态建设方面比Vue要好很多,背后站着的是FaceBook。不要害怕遇到问题没有人能帮你解决,但你应该担心一点Vue。最后强调一下:React和Vue都是非常好的前端框架,建议大家学习一下。选择React还是Vue还是需要结合业务场景和实际。简单的说React或者Vue哪个好,我个人觉得都是耍流氓。