近来三件事情的总结

近一个月来学到了许多新的知识,更加的被 web 技术吸引,新的发现,每当我解决一个新的问题的时候,有的不仅仅是惊喜,还在解决问题的过程中发现了许多新的知识,这让我有机会更多的去了解web。


初探 React

最近做了三件事,第一件事是解决了a7官网上语言切换功能,之前的版本是在子路由点击切换语言按钮的时候会跳转到首页。解决该问题的时候由于我刚开始想的比较复杂,走错了很多方向,探究无果后,最后用了 React 中的两个钩子:useState useEffect 得以解决。以及location.pathname得以解决,想了很久的问题,最后用了三行代码搞定,虽然被吊来回改了许多次,但是最后还是很开心成功的解决了该问题。不仅巩固了 React 中两个常用钩子的原理和用法,同时学到了location.pathname的使用。至于这些用法,相信大佬们早已了然于心,但对我萌新的我来说,这些对目前的我来说还是非常重要的,当然了大家也可以在各处搜到它们相关的用法和原理,这里这是记录我的学习过程。

首次处理 API 数据

第二件事是做了为音博网页新增了三个小Card内容,并接上了三个api接口。这是我首次接触处理后端 API 返回的数据的任务,这次经历确确实实又增多了我不少的认识和对数据处理的过程。这三个小Card用到了不同的数据,通过不同的 API 接口却又类似的方法最终以图表的形式显示出来,这个过程是我近来接触项目中学到关于后端 API 数据处理块的,最多的一个经历。解决问题的过程几次让我懵圈,因为取到的数据与我需要使用的数据大不相同,我不知该如何下手,从这件事让我明白了:

  1. 问问题的时候一定要理清楚思绪再问,并且把自己的想法说清楚,让别人明白自己到哪里卡住了,才能及时有效的获得到帮助。

  2. 遇到问题不要传播自己的负面情绪,可能自己暂时解决不出来就自暴自弃,这样也是非常不可取的,要相信一定可以解决掉它,不会的就一点一点的来学。更要不怕被吊的去询问自己不清楚的问题和遇到的难题。

  3. 要想清楚再动手,很多问题如果方向错误是尝试不出来的,在未了解需求和理清楚自己的逻辑是否正确的情况下动手是一个错误的解决办法。

用假数据来写页面

第三件事是为Dashboard 制作一个 info 详情页,有了为音播接入 API 的经历,这次倒是很明白了该如何去做,解决过程中也遇到了一些之前遇到的数据类型错误问题,但是这次就没有之前那样无措了,知道该从哪里下手,该如何正确的解决它。在学到新的框架知识的同时又稳定了之前新学到的一些知识,因为现在还未得到新的真实的 API 接口,心里还是十分的担心,害怕再出问题,决定明天把项目其他调接口的方法看一看,学一学,顺便为a7官网更改一点之前早就想改掉的样式把!