大家都说自学web前端不难，为什么我学得那么吃力？
大家都说自学web前端不难，为什么我学得那么吃力？ 任何事情都是这样，能够坚持下去并有所收获的都是少数，对大多数人来讲放弃才是常态。自学前端难的不是js，也不是各种框架，难的是坚持。只要你能认真看完这篇回答，能够坚持学下去，把我后面整理的这份学习路线上的知识点掌握，公司可以随便挑。
那么多自学前端的人，失败放弃的无非是以下几点原因：
1.学习意志本就不坚定
学习本身是无趣的，有很多人学习前端原因就是听别人说前端薪资高，简单易上手，于是就尝试学一下。这种人本身学习前端的欲望就不强烈，遇到点困难很自然的就放弃了。我有个朋友是体制内的，工作也比较清闲，有次闲聊的时候我说起最近接了个私活赚了两万，他便想自学一下前端，以后利用空闲时间在网上接私活。于是我给他找了一份教程，一个多月后我问他学的怎么样了，他原话这么说的：“我现在工作很稳定，也不想转行做前端。想到前端要学的东西那么多，学完以后也不一定能接到活，学到闭包那块就丧失学习的动力了。”
在此告诫一下各位想转行学习前端的人，现在大家都知道互联网行业薪资高待遇好，学的人越来越多了，转行前端之前先想清楚，前端是不是你想从事的职业，除了前端你还有没有其他的方向可以选择。有更好的选择就没必要进入这个行业卷，没有更优选择那就坚定学习的信念，踏踏实实的去学习技术就行了。
三思方举步，百折不回头。2.急于求成，学的东西不系统
初级前端工程师工作中能够用到的东西，翻来覆去也就是那些，想要达到就业的水准其实并不难。但很多自学者对于这个行业不了解，不知道哪些知识是重点，甚至有些初学者看的教程都是网上东拼西凑的，这样盲目的去学习，肯定是达不到企业的要求的，找不到工作自然也就放弃了。
前端最重要的不是框架用的多好，最重要的是基础够不够扎实。把HTML、CSS、JavaScript学扎实了，再去学node、npm、webpack，把node、npm、webpack学好了才能去学Vue。有的初学者，学完js就急着上手Vue，模块化、组件化、模板化、工程化这些都没学，学Vue就是学个语法，都是一些表面的东西，实际到做项目就会发现自己根本做不出来，甚至都不知道怎么上手。
所以，如果你想要从事前端开发的工作，一定不要急于求成，找一份系统的学习大纲和教程，踏踏实实的往下学。把基础给打好了，夯实的基础才能让你在这个行业走的更远。如果你没有一份系统的学习大纲和教程，我用三个月时间整理了一份，从零基础到就业所需要的视频教程、案例练习、项目文档、面试题都有，有需要的朋友可以点击下方卡片加入到这个WEB前端交流群，我免费分享给大家。
大前端全套教程分享
http://picx.zhimg.com/v2-9051e1c638cfe87718a2aff764effdef_r.jpg?source=1940ef5c
3.学习方式不正确，看的多，练得少
学习前端的最终目的是能做项目。很多自学前端的人，总以为刷一遍视频教程，教程听懂了自己就懂了。这是自学编程最容易犯的错误，不去动手写，你永远不知道实际操作中会出现哪些问题。看的多练得少最终就会导致能看懂代码，自己动手却写不出来，无法做项目，找不到工作自然也就放弃了。
4.遇见问题自己无法解决
很多初学者由于自己从未接触过编程，在自学前端的过程中，总是会遇见各种各样的问题，有些问题网上能够找到答案，有些问题则需要有个人帮你看一下。经常因为一个小问题困扰半天，就会打击到学习的信心，最终导致放弃。
如果你身边有从事这方面工作的亲戚朋友，可以找这些人指导一下。别人给你解决一下问题可能就需要几分钟，而你自己解决或许就是几个小时。身边没有从事这块工作的朋友，可以加一些学习氛围比较好的学习群。这里给大家分享一个WEB前端学习交流群，如果你在自学过程中遇见有很多问题，不知道怎么解决，可以点击下面插件进入。
前端交流基地+学习资料分享都是从零基础学习前端为了就业的学生以及转行的人，遇见有不懂的可以随时在群里问，大家都会帮忙解答，学习氛围非常好。在一起学习会比较有动力，有人一起相互督促，互帮互助。
http://picx.zhimg.com/v2-6597430045d3d209ebc59043b53c9fa8_r.jpg?source=1940ef5c
给自学者的几点学习建议：
1.提前做好学习规划
准备一份系统的学习路线，提前做好学习规划。有一个系统的学习规划可以让你知道你每天要学习什么内容，大概要学习多久，同时你也可以看到每天的进步学起来也会更有动力，你可以把这个学习规划认为是和玩游戏打怪升级一样，你每天的任务完成了，升到对应的等级，就可以开始下一阶段。系统的学习路线可以参考我写的这篇文章，上面的知识点能够大致掌握，工作可以随便挑。（PS：已经工作的，薪资不高的，也可以认真的看一下，查漏补缺）
粟稷：系统大前端学习路线，初步掌握可拿15K的offer2.多敲代码，多做练习
如果学习前端的目标是就业，每天至少要学4个小时以上，最佳的学习时间是每天学6-8个小时，并且写代码的时间要比看视频的时间长，假设你每天学6个小时，起码拿出3个小时以上的时间练习敲代码。代码练习的过程中多做总结，每天把学习中遇到的问题最后的解决方案总结一下，多做总结可以加深印象，尽量避免下次再犯同样的错误。
3.零基础自学看视频学习效率会更高
很多初学者刚开始学习，就热衷于买各种技术书籍来看。但对于初学者来讲，看书学习效率是不高的。因为书上都是一些专业性比较强的词汇，比较枯燥难以理解，学起来很痛苦。而视频就是有老师把知识点进行拆分讲解，会更加便于吸收。
不同的人适合不同的学习方式，以我为例，我从事开发工作这么多年，如果让我现在去学一项新技术，我肯定是去看书看文档的，因为十分钟的视频教程，八分钟都是讲我会的内容，翻来覆去可能还没找到我想学的那两分钟内容。而看书看文档，我直接就可以查到了。但对于初学者来讲，通过看书、看文档学习一是比较枯燥，二是没有人给你讲解，看完了可能也云里雾里的。而看视频则有老师把知识点讲的很通透，会更容易理解，这样学起来效率更高。可以等到你什么时候觉得看视频效率低了，你再通过看书、看文档来进行提升和巩固。
最后再给各位自学者打个气，网上那些说什么前端饱和的学完找不到工作的，听听就好，不必当真。只要你能坚持往下学，找到一份工作肯定是没有问题的。如果你对于学习前端还有什么疑问，可以点击下面卡片，加入到这个WEB前端学习群，大家一起探讨。
前端交流基地+学习资料分享 其实这个问题可以换个问法: “为什么很多自学计算机的人都放弃了”。但这里用了前端来问，感觉原因有几个方面:
1、忽略了隐含的基础知识。前端属于计算机领域的一个分支，虽然可能入门比较简单，但一些基本的基础还是要的，比如一些代码的通用技术(栈内存、堆内存，引用等)、数据结构、HTTP协议、操作系统等。这些东西往往是隐含的，很多教程往往不会刻意强调，因为大家默认你懂，但你用来解决相关问题的时候你没有这些知识就会很费劲。
2、低估了前端技术体系的庞大。这个好懂，很多新技术我不做这块也不知道。
3、配套的工具、调试技巧、学习方法、分析方法的掌握需要时间。学前端不是学打字，不是你把那些视频中的 API 敲出来就可以了，得能灵活运用，得知道这个 API 或者这个样式适合那些场景。需求来了怎么分析，出问题了定位。定位弄个问题用那个工具，是抓包还是在模拟器里跑，还是真机调试。这些知识的掌握是最重要的，也是最难的，最耗时间的。这些知识就像手上的茧子一样，只能多练多学，没办法速成。
4、很多人是看着钱跟风来的，对于自己是否适合并不清楚。计算机是有一定门槛的，前端自然也一样。我已经毕业多年了，对现在的情况不了解，在我们那时候，计算机系毕业的也仅仅有 20% ~ 30% 的同学最后做了程序员。很多人毕业了连毕业后并没有写程序的能力。计算机专业学了好几年的尚且如此，非计算机专业的学不会也正常吧。或者反过来想下，如果学前端和送外卖一样容易，你觉得资本家为啥开那么高的工资？做慈善吗？ 因为前端难度被严重低估了。
有些人啊，前端三驾马车都还没学完呢，就磨刀霍霍向大厂了。拿不到offer，自然就放弃了呗。
对于业内人士来说，学会CSS/JavaScript/HTML（又称前端三驾马车）、数据结构与算法、开发软件、类库框架，才算初步的入门前端。
如果你有心想自学前端，可以参考下阿里前端P7乔纳森在《web前端工程师》分享的前端学习脑图：
http://picx.zhimg.com/v2-9a2c8eeb13a28c25346d02e210127392_r.jpg?source=1940ef5c
先别发憷，我也没说让大家全学。
其实前端就是这样：框架多，轮子多，冷门点多，更新迭代快。要想跟上前端发展的步伐，有个速成的方法：跟着大厂前端的要求循序渐进的学习——对标大厂前端的能力要求，目标清晰，需求明确，也不容易走弯路。
我自学前端接近7个月，最后拿下了8K offer。这点薪资，和知乎上那些年薪百万、分分钟几十万上下的大佬根本比不了，但我个人还是很知足了。
如果学到想放弃的朋友，可以参考下我的上岸过程：
1.明确目标
2.基础知识巩固
3.精刷面试题
4.投简历，挑offer
明确定位，确立目标
简单说下背景，普通一本学历机械专业，所以我一开始的目标很简单粗暴——拿到offer上岸。
我知道自己就是个菜鸡，所以看到那些1个月上岸大厂、2个月拿到P7，根本毫无波澜。
这也很大程度上让我平复了心态，不再感到焦虑。
其实前端学习就是这样——能坚持下来，你就已经跑赢了99%的人。
基础知识巩固
接下来我开始自学前端知识，我不是天赋型选手，前前后后折腾了接近3个月。
前期一直盲学，后来听朋友建议去试听了《web前端工程师》这门课，获益很多，至少不再像无头苍蝇一样啥都想学了。如果不得其法的朋友，也可以去免费试听下课程。
我重点学的是JavaScript和框架。其他知识点跟着课程也学了个大概，通过自学+后续巩固，足够应付些小公司的面试。
JavaScript
JavaScript属于编程基础知识，重点需要掌握的有：
http://pic1.zhimg.com/v2-fd34b23afe22ac734dc0729fe714a936_r.jpg?source=1940ef5c
类型：字符串值，数值，布尔值，数组，对象。
原型链：JavaScript继承的方法之一
作用域：作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变
量只能向上访问，变量访问到 window 对象即被终止，作用域链向下访问变量是
不被允许的。
闭包：使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污
染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。
在 js 中，函数即闭包，只有函数才会产生作用域的概念。
事件：HTML 事件是发生在 HTML 元素上的事情。当在HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。
异步：在函数返回的时候，调用者还不能够得到预期结果，而是将来通过一定的手段得到结果（例如回调函数）。
正则表达式：检索、替换那些符合某个模式(规则)的文本。
框架
http://pic1.zhimg.com/v2-0dd69fce0f76d9e45a33e87275324767_r.jpg?source=1940ef5c
其中，React、Vue、Angular重点掌握一款就好。
一、Angular
必须使用它的模块机制 ，必须使用它的依赖注入 ，必须使用它的特殊形式定义组件。Angular带有比较强的排他性,约束多，擅长复杂中后台场景和多人协作。 可以学习模块化编程和如何测试模块，简化开发流程，随着google的大力支持和逐渐流行，有些岗位需要有angular的知识才能工作。
二、Vue
具有轻量级的框架，学习成本低，运行速度快，但社区可能没有Angular和React那么丰富，很缺乏高阶教程与文档，不利于seo优化。
三、React
简洁、灵活、高效，可以和其他框架并存，可以与已知的框架或库很好的配合。
精刷面试题
去各类论坛上扒了扒，前端面试题目类型包括：
前端基础知识+手撕算法（偏简单）
接下来就是各个击破了。
前端基础知识
前端知识，之前已经巩固过了。在《web前端工程师》的课上，乔纳森也分享了前端的常见面试题：
页面的优化加载方法
实际项目中按需加载和懒加载的实现
柯里化
栅格系统？有什么用？
HTML中的meta？常见的meta及其作用？
Promise？
常见布局的实现？
http和HTTPS的区别？ 感兴趣的朋友也可以去免费试听下《web前端工程师》这节课~
手撕算法
前端的算法题一般不会考得很难，我觉得lintcode上的题，把简单-中等刷个50道就够。
给大家参考下我刷的题目：
1.三数之和
2.子集
3.第K大元素
4.数组划分
5.木材加工
6.最多有k个不同字符的最长子字符串
7.搜索旋转排序数组
8.最长回文子串
9.LRU缓存策略
10.背包问题
11.岛屿的个数
12.验证二叉查找树
13.有效回文串
14.单词接龙
15.最长上升子序列
16.颜色分类
17.图是否是树
18.骑士的最短路线
19.数字三角形
20.跳跃游戏
投简历，挑offer
公司选择与投递
正如面试官在筛选求职者一样，求职者也可以初步筛选公司。
可以按照这些标准进行筛选：
a.目标薪资范围
b.公司规模
c.福利待遇
最后，祝大家都能拿到心仪offer！！！ 我来了
大家都是冲着前端简单/好学 便入坑了。
入坑之后开始了dom(标签)/css/js的计划前进
学着dom 嗯 div/ul/li/p/span/table....哎哟 难道我是个天才 这么快就学会了。
然后便开始了css的坑。
width....color: red/block/yellow/green....#555...rgb(...),rgba(.....); 嗯简单 前端也就这样了.....
display:flex;?????? 这是提莫的什么鬼东西？？？？？？what......
算了 float，position 我一样能做
做着做着发现代码量太多了，然后听说flex好像挺好用的。学习中.......
好难，这个东西完全颠覆了我的世界观，算了 还能在称一下.....
看到了动画了..... 完全不会啊 怎么办
学着 哎好像还不错
嗯 算了 css就当做自己学会了
写了一个静态页面没有任何交互，算了还不错，毕竟还不会js。 一边安慰着自己一下欣赏着自己刚写出来的艺术品
时间已经多了太多了有一个月还是两个月还是三个月了，每天的dom/css 已经使你忘记了时间，除了学习连自己喜欢的游戏都不能尽心去玩，此时你有点想离开了
js 怎么玩 好像挺简单的就是逻辑嘛我数学还不错
console.log("hello world!"); 执行成功了，难道我以前的念头是错的？
于是乎 你从语法开始 学习了语法，预留String，数据类型，if else ,while,for,==,===,ajax,cookie/session/localStroage,....嗯 相差不多，应该差不多了，虽然不知有些什么具体的用处，不过没问题。
然后就写了一个计算器 +-*/的计算器。粗鄙之语，牛皮，果真是个天才。
于是乎看了一下时间又过了一两个月了。此时 由于时间的关系，你又想放弃了。
但是玩了一天后，你重拾信心，准备战斗。
看着网上的资料，说着写一个商城出来。
你便心生一念，既然要写何不写一个高大上的。你选择了模仿淘宝。
看着淘宝满页的数据，你似乎觉得自己的选择错误了。但你咬咬牙，干了一下去，这一干就是一两周，终于第一个页面弄出来了，虽然只写了dom/css。但还是觉得挺好的
又是一两周第二个页面弄出来了，。。。。。
静态页面花了很多时间弄了出来
于是你想添加购物车，但是你却不知道如何入手，你拿出了计算器的那dome 但是事实是没有给你任何的帮助。你想去看文档。文档满文不懂，完全不懂看不懂。
于是你找了一个大佬，想请教。
你给了大佬你写东西，想知道下一步。
大佬看着你的冗余代码，道出实情。
本来满是期待的你，此时心如死灰。
本来花了这么多的时间写出来的东西结果都是冗余的。
但是你还想问一下下一步。
大佬告诉你：.......
你突然发现js的路很长，自己才走了一步，dom/css的路也很长
你看着自己的“一切”
算了，另谋出路
便是我的同学的进度史，啊哈哈哈，水文。
自学很难，难点在于没有找到路 说实话，当年我也是自学前端差点中途放弃，好算后来坚持下来了。
自学web前端的人，大部分是觉得报名培训班花费太大，或者说不值得报名，觉得自学可以入门。
还有是想转行IT的，先自学看看自己喜不喜欢这个行业，自学了一段时间发现自己可能并不太适合学编程，从而产生放弃的念头。
还有一些是因为自己不够自律，自学效率低，反而更乐意掏钱进培训班系统学习的人，希望能老师带着学，有一起学习的学员共同营造出的那种学习的氛围，有任何问题都可以在班上现场交流沟通。
当然，还有一波人是因为自学了一段时间，觉得前端技能掌握的差不多了，想出去试试，看能不能找到一份web前端开发的岗位工作机会，出去投简历应聘了一圈发现，自己的技能完全没有达到面试公司的用人标准，从而心灰意冷，觉得想吃前端这碗饭太难了，遂产生了放弃的想法。
不过，有一说一，有从入门到放弃的，也有从入门到精通的，这个全看个人是否对这个感兴趣，并且愿意付出多长时间、多大努力去学习，去将自己大部分时间精力投入进去。
说说我个人的经历吧～
那年我刚从杭州回省城的时候，面试屡屡碰壁，笔试题好多都不会做了，面试官提的问题也回答不上来。
就这样，现实狠狠地抽了我一个耳光。
晚上拖着疲惫的身体，回到我的出租屋，还是心有不甘，想重新端起这碗饭，必须把落下的功课补起来。
那天晚上，我做了一个决定，给自己一年时间来闭关自学前端，一年之后，如果还是找不到相关的开发工作，那我就认命了，转行该去干嘛就干嘛去。
后来的事情，长期关注我的朋友就都知道了，我在出租屋自学了将近一年，期间为了省钱，吃油酥饼吃到吐，每天除了看视频、敲代码、看技术书，写项目之外，就剩下吃饭和睡觉了。
就这样，闭关在小出租屋里自学了一年的web前端，后半年也学了点php，然后结合着做了一个全栈的项目。
说起学习php，我当年是看着兄弟连的视频教程学习的，当年那句slogoan「洛阳亲友如相问，就说我在学PHP」一度成为了我的个性签名。
前段时间，听说兄弟连倒闭了，令人唏嘘不已。
我记得当时敲完最后一行项目代码之后，审查了多次，觉得没啥问题，目测不出bug，然后发给了我的一个PHP朋友，让他帮我看看项目的成色。
当天晚上，我那个PHP朋友下了班，跑到我的出租屋，顺路买了点吃的喝的，我们边吃边聊，他夸我项目写的不赖，有做后端的潜力。
我和他喝了点啤酒，然后便昏昏睡去，我只记得那天晚上的月亮特别亮。
再后来，一年期限已到，我怀着跃跃欲试的心情，打开了招聘网站，重新编辑了我的前端简历，是时候检验我这一年来的自学成果了。
我只记得那段时间，很多公司HR给我打电话，邀请我去他们公司应聘web前端岗位，不管是笔试题，还是面试官提的问题，我基本上都能轻松应答。
一年前那些「我不认识它、它却认识我」的前端面试题，在此刻竟然显得如此亲切，如此熟悉。
最终我在拿到的那几个offer里面，选择了一家「适合自己的、我也看好它」的公司，几天之后，我就去入职上班了。
其实，我已经忘记当时那家公司给我开多少工资了，毕竟很多年前了，直到我今天翻了翻我的QQ空间，看到了一张截图。
http://picx.zhimg.com/v2-42a8158299cbe8449f22d4da99f786cf_r.jpg?source=1940ef5c
目前在省城高新区某家创业公司搞web前端开发，手底下管着三五组员，对外美其名曰：前端leader。
最近两年，靠着自己勤劳的双手，终于在省城实现了买房梦，被粉丝戏称为「敲代码敲出了一套豪宅」。
如果你想走这条路，我希望你除了热爱，更懂坚持的意义。
祝各位都能有个远大前程，加油！
页:
[1]