说学习前端开发简单，如何才能成功上岸？

男娘i 2022-11-12 09:46 180阅读 0赞

因为前端难度被严重低估了。

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

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

如果你有心想自学前端，可以参考下阿里前端P7乔纳森在《web前端工程师》分享的前端学习脑图：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]

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

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

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

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

1.明确目标

2.基础知识巩固

3.精刷面试题

4.投简历，挑offer

明确定位，确立目标

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

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

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

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

基础知识巩固

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

前期一直盲学，后来听朋友的一些建议去找了系统的课程，获益很多，至少不再像无头苍蝇一样啥都想学了，如果不得其法的朋友，也可以来找我获取。

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

JavaScript

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

> 学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。自己整理了一份最全面前端学习资料，从最基础的HTML+CSS+JS到HTML5的项目实战的学习资料都有整理这是我的前端技术交流Q  
> un++ 钱面是603---- 中间是985–后面是993----++++++++++++++  
> 有问题随时在里面问我，能给大家提出很多宝贵建议。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]  
类型：字符串值，数值，布尔值，数组，对象。

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

作用域：作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变量访问到 window 对象即被终止，作用域链向下访问变量是不被允许的。

闭包：使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

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

在 js 中，函数即闭包，只有函数才会产生作用域的概念。JavaScript 可以触发这些事件。

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

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

框架  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]  
其中，React、Vue、Angular重点掌握一款就好。

一、Angular

必须使用它的模块机制 ，必须使用它的依赖注入 ，必须使用它的特殊形式定义组件。Angular带有比较强的排他性,约束多，擅长复杂中后台场景和多人协作。可以学习模块化编程和如何测试模块，简化开发流程，随着google的大力支持和逐渐流行，有些岗位需要有angular的知识才能工作。

二、Vue

具有轻量级的框架，学习成本低，运行速度快，但社区可能没有Angular和React那么丰富，很缺乏高阶教程与文档，不利于seo优化。

三、React

简洁、灵活、高效，可以和其他框架并存，可以与已知的框架或库很好的配合。

精刷面试题

去各类论坛上扒了扒，前端面试题目类型包括：

前端基础知识+手撕算法（偏简单）

接下来就是各个击破了。

前端基础知识

手撕算法

前端的算法题一般不会考得很难，我觉得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！！！

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70]: /images/20221022/bc6bd6eb67ba45b9b5f0b58612ad17a1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 1]: /images/20221022/df10ac922c02467c8b7f94807f673d15.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppbm11NTIw_size_16_color_FFFFFF_t_70 2]: /images/20221022/f49607a5b0f54ed58817c1bd5195efd3.png