学习前端开发，一段心路历程，这个世界根本没有速成的方法

上述就是小海老师认为的一定要非常扎实的掌握的前端开发的基础知识。基础知识是高阶知识的起步平台，没有基础知识，更深层次的内容是无法真正理解的。

第二条：重视脚本学习，将JavaScript作为前端学习的重点。

JavaScript已经发展成为了Web开发的唯一的脚本语言。它从早期的基于对象的语言变为了面向对象的语言，现代JavaScript为前端开发带来了不可替代的技术革新。

JavaScript可以轻松的实现HTML和CSS无法实现的流程控制。

结合DOM技术，JavaScript可以访问HTML元素并操作它们。

HTML5中的许多API都是基于JavaScript进行开发和设计的。

强大的jQuery库、jQuery UI、jQuery Mobile等都是在JavaScript的基础上开发出来的。

全栈式开发所使用的node.js、AngularJS等第三方框架，也都是在JavaScript的基础上编写的。

这门神一般的语言，我个人认为是务必要认真学习的，不仅要学习JavaScript的语法知识，还要学习利用它实现DOM元素的使用，学会面向对象的编程思想。甚至还要掌握该门语言的细节特点。

系统学习过JavaScript的同学们，你看看下列问题你能准确的找到答案吗？

通过表达式来系统阐述“”和“=”这两个运算符的区别。

通过哪个函数可以判断从文本框中获取的内容是不是数字？

会使用这两个属性吗：contentEditable、isContentEditable。

知道window对象的两个方法：setTimeout()、setInterval()在计时器方面的使用区别吗？

delete运算符都能删除哪些内容？

在脚本中，this有几种使用情况呢？

JavaScript语言虽然很重要，许多公司都需要从业人员掌握原生态的JavaScript代码。但是这门语言由于发展过程中的种种原因，存在许多繁冗且不好的代码模式。例如原型链、闭包、对象与类等概念，都给这门语言戴上了“难学”的帽子。同时，这些知识有时候也正是JavaScript放光彩的一面，所以对于这门脚本语言掌握不精的学习者来说，一定要把这门语言搞懂，达到精通的程度，对于后续的全栈式开发绝对有非常好的作用。

第三条：多练习多操作，实践是检验真理的唯一标准。

前端开发本身就是需要实战经验非常强的一门学科。学习和工作过程中，不断地、反复地、大量地尝试和上机操作，是学好前端开发唯一不变的方法。

这里拿Bootstrap框架为例，互联网上大部分教程和许多前端教师都提倡让学生从Bootstrap官网上复制粘贴代码，以更加快速的完成页面的搭建。

尤为反对这种方式，特别是对于还处在学习阶段的同学们和初次使用Bootstrap框架的从业者。首先不可否认，Bootstrap为前端开发人员带来了大量的类名和属性之间的搭配关系，每一个组件和插件的使用都用脑子记下来，确实有很大的困难。但是在学习阶段，我非常提倡对官网的示例代码进行钻研和分析，阅读bootstrap.css文件和bootstrap.js文件，从原理上理解这个框架是如何利用简单的类名和属性名来实现复杂的脚本功能的。我在日常的教学过程中也是这么带领学生一起学习的。

正所谓“知其然，还要知其所以然”，了解了内部的原理，一方面自己更加容易去记忆这些大量的名称，另一方面，对于样式类框架的开发，也会有一定的了解。时间久了，自己也能写出符合自身特点的小框架，使得知识达到循序渐进、熟能生巧的程度。

第四条：阅读前端书籍，多看有关前端开发的经典著作。

“读书”永远是掌握技术的一种有效方法，无论什么技术。读书的过程不仅能够让我们了解作者的意图，更能训练我们的阅读速度，提高自身的自学能力。这正是一个合格的前端开发工程师应该具备的业务素质。

这里，小海老师为大家推荐几本前端开发领域的经典著作，真的希望你也能拿起教材，从第一页读到最后一页，你一定会受益匪浅。

Bootstrap开发的经典教材

学习JavaScript脚本语言必不可少的好书

jQuery提高的优质教材

非常适合初学Node.js的学生阅读的书

一本讲述SVG实践的教材

第五条：利用网络资源，多学习前辈好的实现方法。

如今互联网渗入到了我们学习和工作的方方面面，与其天天拿着手机刷微博、聊微信，何不拿起互联网这个工具，多多学习一些有关前端开发的知识，积累一些前人总结出来的经验，丰富自己的羽翼。

这里，为大家推荐几个学习前端开发的网站，希望大家可以多多浏览，利用好互联网资源。

慕课网。其中汇集了大量一线教师的教学经验，全部是以视频的形式呈现的。

W3CSchool。这里列举了多门前端技术和后台技术的基础知识。内容较为基础，却是初学者好的帮手。

菜鸟教程。一个类似于W3CSchool的基础知识学习网站。

jQuery API中文文档（http://jquery.cuishifeng.cn/）。这里汇集了jQuery各个版本的API内容。

Bootstrap中文网。这里涵盖了Bootstrap框架全部的组件和插件。

如果大家也有好的学习网站，希望也推荐给我哦。
今日就分享到这了，更多福利下方领取哦！

最后

整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》

[外链图片转存中…(img-RpSTzh3w-1714191905681)]

[外链图片转存中…(img-Hp58IsgB-1714191905681)]

[外链图片转存中…(img-xw0i71vF-1714191905682)]