请问学习前端最有效的办法是什么？

很多人收藏了各种前端学习的视频教程，或者是通过其他资源学习，但是学了就忘，知识它就是不进脑子。主要还是因为，你在使用一个资源（比如视频课）完全没有概念应该从里面学一些什么东西。

比如看书能得到一些概念上的知识，看视频可以看到一些比较个人化的讲解还有一些比较新的知识点，这些工具中你可以得到一些基础的知识，但是实战性的能力还需要通过其他的工具得到。

下面我总结了以下自己学习前端的过程，其实重点就三个步骤，大家可以参考一下：

最开始在学习前端的基础知识的时候，我是两本书（《JavaScriptDOM编程艺术(第2版)》+《JavaScript高级程序设计（第三版）》）

一、专攻基础

把如何使用API，前端的语法，IDE怎么使用等，这些基础知识学会，弄懂CSS，HTML，JavaScript这些重点内容。当然自己要有一个知识网络，至少把知识网里的东西都学完再进行下一步。

这个是我当时学习用的一个前端基础知识结构图（最开始跟着P5阶段学习）：

《JavaScriptDOM编程艺术(第2版)》：学完会对页面交互有基础了理解。

《JavaScriptDOM编程艺术(第2版)》：学完会对页面交互有基础了理解。

学了一些基础知识，就需要一些项目做支撑。这个视频算是理论和项目的结合，可以跟着老师做了任务清单，个人中心项目和微博移动端，这些项目。会根据面试常考知识点进行讲解。

二、钻研项目

当然光是这几个项目肯定是不够的，平时在逛网站的时候，看到什么好玩的，自己喜欢的网站，见一个“抄”一个。先学会模仿，再学会创造。这时候利用的这些学习资源主要就是为了巩固知识，

发现自己的不足，及时查漏补缺，才能学的越来越好。

下面是我收集的一些国内外比较好用的前端实战的网站：

CodePlayer

可以看到作者在写代码的全过程（如何一个一个字母敲进去的）

Learn to Code Advanced HTML&CSS

30secondsofcode

包含400多个代码片，就可以搜索自己想要的语言，一个字——快！

三、刷题

为什么学前端还是要刷题？

学了前端百分之八十的人都是为了以后找工作。虽然很多人都觉得，前端面试主要是考前端相关的基础知识，算法不是重点。但是作为曾经的前端面试官，我之前的公司会有专门的前端轮+算法。

前端轮大部分是考基础知识（一定会考js相关），还会要求实现一些小的功能，比如用react写一个todo app，CSS实现login对话框等。

算法考试其实也没有同学想的那么简单，难度和后端的相差无几，只不过基本不出现hard题（前公司），从easy — medium — medium-hard 的程度都有。

除了因为面试会靠算法题以外，刷题的另一个重要性就是，真的非常提高编程的能力。每次做新题都能学会一种新的解题思路，这个过程是在不断打开自己的思维。有一个开阔的思维我觉得是做前端决不能缺少的能力。

如果看到这你还觉得毫无收获，那我就只能放前端面试真题来挽回一面了

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

前端知识面试真题

1、CSS的BFC是什么，有什么应用。

2、 隐藏元素的几种方式。

3、 前端的安全问题。

4、 讲讲JavaScript执行上下文。

5、 事件循环，根据代码分析打印顺序，并解释原理。

6. 最近一段时间你做过的最令你满意的事情？

7、基本数据类型

8、instanceof原理

9、 es6的模块化和commenjs模块化区别

10、 vue中的key

11、js中动画如何实现，造成页面堵塞如何解决，问了requestAnimationFrame这个api

前端算法面试真题

经典二分查找问题

搜索旋转排序数组

寻找峰值

最长上升子序列

最长回文子串

不同的路径 II

用递归打印数字

最大子数组

不管是用什么资源，什么方法最重要的还是要学会总结和复盘。看到这么真诚的分享，真的不打算点赞吗？