web前端入坑指南：专为零基础规划的学习路径！

前端难度被严重低估了。

有些人啊，前端三驾马车都还没学完呢，就磨刀霍霍向大厂了。拿不到offer，自然就放弃了呗。

对于业内人士来说，学会CSS/JavaScript/HTML（又称前端三驾马车）、数据结构与算法、开发软件、类库框架，才算初步的入门前端。

如果你有心想自学前端，可以参考下阿里前端P7乔纳森在《web前端工程师》分享的前端学习脑图：

先别发憷，我也没说让大家全学。

其实**前端就是这样：框架多，轮子多，冷门点多，更新迭代快。**要想跟上前端发展的步伐，有个速成的方法：跟着大厂前端的要求循序渐进的学习——对标大厂前端的能力要求，目标清晰，需求明确，也不容易走弯路。

我自学前端接近7个月，最后拿下了8K offer。这点薪资，和知乎上那些年薪百万、分分钟几十万上下的大佬根本比不了，但我个人还是很知足了。

如果学到想放弃的朋友，可以参考下我的上岸过程：

1.明确目标

2.基础知识巩固

3.精刷面试题

4.投简历，挑offer

明确定位，确立目标

简单说下背景，普通一本学历机械专业，所以我一开始的目标很简单粗暴——拿到offer上岸。

我知道自己就是个菜鸡，所以看到那些1个月上岸大厂、2个月拿到P7，根本毫无波澜。

这也很大程度上让我平复了心态，不再感到焦虑。

其实前端学习就是这样——能坚持下来，你就已经跑赢了99%的人。

基础知识巩固

接下来我开始自学前端知识，我不是天赋型选手，前前后后折腾了接近3个月。

前期一直盲学，后来听朋友建议去试听了《web前端工程师》这门课，获益很多，至少不再像无头苍蝇一样啥都想学了。如果不得其法的朋友，也可以去免费试听下课程。

我重点学的是JavaScript和框架。其他知识点跟着课程也学了个大概，通过自学+后续巩固，足够应付些小公司的面试。

JavaScript

JavaScript属于编程基础知识，重点需要掌握的有：

**类型：**字符串值，数值，布尔值，数组，对象。

**原型链：**JavaScript继承的方法之一

**作用域：**作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变

量只能向上访问，变量访问到 window 对象即被终止，作用域链向下访问变量是

不被允许的。

**闭包：**使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污

染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

在 js 中，函数即闭包，只有函数才会产生作用域的概念。

**事件：**HTML 事件是发生在 HTML 元素上的事情。当在HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。

**异步：**在函数返回的时候，调用者还不能够得到预期结果，而是将来通过一定的手段得到结果（例如回调函数）。

**正则表达式：**检索、替换那些符合某个模式(规则)的文本。

框架

其中，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！！！