前端调试没有滚动条_前端入门必看：踩上这些坑，瞬间丧失学习欲望

曾经在B站从事了7年的老前端，今天看了看自己日渐稀少的头发，决定给大家写一篇前端避坑指南，带你们少走弯路，保卫头发！

一.学习不成体系

前端学习一定要有学习体系，一般我的建议是先整体再局部，先对前端乃整个开发要有整体的认知，然后再落实到具体的学习上，才不会显得毫无头绪

1. 整体了解的方式，我比较建议是直接看官网的API文档，这里推荐几个网站：

GitHub API v3

Error code - 微博API

2. 落实到具体学习上就需要一份完整的资料，也给你们整理出来了

链接:https://pan.baidu.com/s/1KdYGkrweQxPHht47yyyN2Q

提取码:y3qd

二.没人指点，效率极低

特别是零基础来学习的，不知道从何处下手，遇到问题自己能力有限，浪费大量时间还是解决不了，很容易丧失信心。下面是几个比较常见的问题：

1.ajax在django里面实现post提交，显示403 forbidden错误

其实就是由于django默然开启了csrf攻击防护，在ajax提交post数据的时候，需要自己构造一个键值对{csrfmiddlewaretoken: {% csrftoken %}},再在html里面定义一个{% csrftoken %}，就可以了，jquery代码如下：

$.ajax("/del_student/",{
 type:"POST", 
 data:{id:id,csrfmiddlewaretoken: csrf_token},
 success:show_student, 
 complete:$(‘#Mymodal‘).modal(‘hide‘)
 });

2.ios微信打开网页键盘弹起后页面上滑，导致弹框里的按钮响应区域错位

其实手动把滚动条滚到底部写一个自定义指令就行

import Vue from 'vue';
Vue.directive('blur', {
 'bind'(el) {
 el.addEventListener("click", function(){
 window.scrollTo(0,0);
 })
 }
}); 
//在点击页面提交按钮的时候，把滚动条滚到底部就OK了

三.不了解行业开发要求

学习前端切记闭门造车，往往学到最后发现并不是企业要求的，没有人带的话，平时就多浏览下招聘软件，看看要求，给自己一个清晰的定位。

还有就是贪多，哪个领域都想学，要根据自己的实际情况出发，初级的话对小程序感兴趣就先把小程序做好，循序渐进。

为了让大家避开更多的坑，帮助更多想自学前端的人，我组建了前端自学团，把大家组织在一起共同克服困难，分享学习心得。每周都会组织静态页面制作活动，帮助基础薄弱的伙伴更快掌握技巧。每月会组织前后端、产品 UI共同协作上线项目，这个比较适合学完基础能做项目的伙伴，最后希望所有学习前端的人都有美好的未来！