前端小白如何提高，解决问题

如何提高

第一，当然是多学习，打牢基础知识，看看csdn等等博客上的文章，没有什么耐心的可以看看视频，推荐网站是bibi上面有大量培训班花钱才能看的视频，自学的缺点在于，有问题没人解决，这个时候就是要找人，可以加qq群，在群里问，第二是身边有这样的大佬，当你到达一定程度后，可以推荐你看看相关的书籍，毕竟有些还是要花钱的。

第二，是独立解决自己遇到的问题，代码都会写，C+V工程师也一堆，问题在于，你复制粘贴后出现问题，你是否能解决，写代码可以积累你的经验，和量，解决问题，就是积累你的知识面，为什么会出现问题，说明这个是你的知识盲区，问别人当然是最快的，但缺少中间你查阅大量资料的知识积累，提高也慢，同时记忆也不会过于深刻。

第三，能自我解决问题了，这个时候就需要记一下笔记，总不至于，下一次遇见又头痛几天，但并不是所有都记，那你不累死，主要笔记是你的知识盲区的一部分，而不是马虎造成的，同时也是你解决时间花费在3个小时左右的，容易解决的，和一查就出现的，只需自己加深一下记忆即可，如果是那种查都查不出来的，那就更要记录了，比较独此一家，这个也是你底蕴的一个积累。

第四，当你对前端业务代码十分熟练的时候，建议你开始学习后端知识，第一是为了适应时代，不至于被淘汰，第二是让你更加清晰整个项目的构建与交互。也能清晰的知道需求实现是否合理，和难处，以及性能提高与优化。

如何解决问题

我把问题归结于3类，一种是书写失误的语法错，一种是报错信息明显，能很准确的定位到报错内容，一种是报错莫名奇妙十分懵圈。

第一种，书写语法错误：

这种错误，在你的编辑器中就会有很明显的提示，红色波浪线，黄色是警告，这个时候，你只需要找到红色开始的区域然后先重头过滤一遍，如果没发现，直接把这段代码注释掉，然后从外向内，从上到下依次打开注释，可以迅速定位到这种粗心的错误，剩下就是自己解决了。

第二种，读懂报错信息

既然出错好歹知道错误在那个页面吧打开控制台，或者你启动项目的命令窗口，找到报错信息的第一个问题，一般这个就是主要原因，其他是因为相关联而造成的错误，看不懂咋办，英文不好，有百度翻译，有道词典呀，用起来，这样可以加深自己的记忆。

比如这种

示例一下，第一句告诉你 a is not defined 告诉你a没有定义，同时看下面 at 后面一堆看不懂，看 (addPromotion.vue?689e:176)里，你发现这个文件是你自己创建的。后面：176表示第多少行，如果没有这么清晰的报错，直接把这个a拿到编辑器中去全局查找，定位到错误

第三种，看不懂又找不到的，不用怀疑了，复制到百度，只要第一句话即可，然后查看是否有和自己问题相似的，按照别人的方法，解决，

第四种，是网络请求或者文件加载报错，首先是打开控制台的network，找到红色的，类似如下：

首先是点击他查看状态值， status

一般 404 是路径找不到，这个一般是前端问题，你可以仔细查看request URL 是书写正确，

500 一般是先看自己所传的参数是否符合后台文档接口的字段，和类型是否一致，

get看自己的参数就看url，post 看headers最下面的

核对无误后即可找后台帮助。

还有就是错误信息表示为跨域，这个就直接找后台处理即可

第五种，类似vue这种的渲染问题，第一步是将自己的改变数据在控制台打印出来，看数据是否改变，第二步，在html中把这个值给渲染出来，看是否是数据已经修改但页面没刷新。

第六种，没有报错，但感觉像是有方法没有执行，这个时候，找到那个方法，然后分段打印consloe，找到中断点，分析原因，中断有因为 return，或者条件不满足，最多的是你上面有个多层调用去用于操作，单这个值是null或者undefind，

const obj={arr:[]
}
obj.arr1.map(item=>{})
//有些并不会报错，但这是语法错误，会直接中断，

//有些并不会报错，但这是语法错误，会直接中断，

最后就是要学会百度，bing也行，主要是要体现你的关键字，所以要先上面那样锁定问题，比如你要的页面显示有问题，如 ios 下拉不刷新，或者，vue 改变数据后不刷新页面， js 如何获取当前设备，搜索你要先固定到一个小的方向，是java 还是 js，然后是你干了什么或者是你想实现的效果，结果是如何，