在我为所有人成功解释了许多有关前端开发的技术文章之后，我想与每个前端开发人员讨论一些学习前端开发的技巧。 在本文中，我将告诉您我在学习前端开发过程中的一些经验。 我将它们概括为五个警告，希望对您的学习有所帮助。
前端开发是当今社会中具有更大发展潜力的行业。 该行业主要专注于Web开发，移动终端开发和全栈开发。 在社会上，应用范围更广，从业者的薪水相对较高。 那么对于前端开发从业人员来说，如何学习前端开发的相关知识，以及如何使自己成为强大的前端开发设计师呢？ 我从事一线教学已经很多年了，在学习阶段对学生的特点进行了挖掘，总结了以下十种学习经验，我愿意与大家分享。
由于空间问题，本文首先详细介绍每个人的前五个项目。 第一个项目：很好地学习基础知识， 做扎实的基础技能开发人员。
前端开发有许多相关技术和知识，并且每年都会诞生并广泛推广许多新技术。 IT行业本身就是一个技术变化非常快的行业。 但是，每种技术都有其最基本的知识内容和基本系统。 无论您学习多深入，扎实的基本技能都是必不可少的。
当您第一次进入工作场所时，如果您可以得到老板或技术主管的赞赏，“您的基础知识确实扎实”，您必须对此充满信心。 新手，让领导者对您有了新的了解。
我将前端开发的基本知识总结为以下几点。 对于初学者，我们必须仔细研究这一部分：
1。 HTML超文本标记语言：尝试掌握尽可能多的标记或标记对。
（1）必须掌握的标记或标记对包括：，，，，，
，，，，，，，，，，，，，，， ，，，等。
（2）同时，还有许多不寻常的标记。 看一看。 您知道以下标签吗？
：用于将表单元素保存在表单中的文本提示，称为“标签”标签对。
：预格式化的文本，标记将影响内部文本中的空格和换行符。
：用于表示地址的语义标记。
：用于表示变量的语义标签。
当然，还有许多不寻常的标签，这些标签基本上不再用于日常HTML开发中。 但是，当您学习Bootstrap框架时，会发现Bootstrap框架启用了这些标签并为其提供了特定的功能和外观。
（3）此外，HTML5技术还为HTML注入了新的活力。 添加了许多新标签和新属性，以使HTML语言变得更丰富，更强大。
标记对：HTML5新添加的具有数据提交功能的按钮。
：HTML5画布技术中，标记对与脚本语言结合使用对应于一套完整的API，可以实现页面矢量图的绘制。
：HTML5音频技术，此标记对应于与脚本语言结合的完整API集，并且可以开发与音频相关的项目。
当然，有很多新的HTML5内容，需要更多的初学者来接触和掌握。
2。 CSS级联样式表：应该进一步研究CSS的各种属性以及组合某些属性的技术。
作为HTML标记外观的扩展，CSS技术在前端开发中显示出巨大的生命力。 结合CSS3技术，扩展了许多属性，使CSS更全面，更简洁。 很好地学习CSS也为页面布局打下了坚实的基础。
您是否使用CSS技术解决以下问题？
如何删除容器中图片下方自动生成的距离。
当容器中有浮动元素时，如何设置容器的边框或背景色？
如何使块级元素在容器中水平居中？
当多个连续的块级元素的浮动布局影响您不希望浮动的对象时，如何处理？
如何实现容器内对象相对于容器的自由定位？
似乎CSS属性及其值只是CSS技术的第一级，更多的技术正在等待大家探索。
3，CSS + div布局模式：这是许多布局模式的基础，并且也暴露给大多数 前端开发人员第一种布局方法。
此布局模式对于PC侧页面的设计以及“圣杯布局”，“双翼飞行布局”和“移动”结束非常有用 布局”，“响应式布局”等，这种布局方法具有一定的指导意义。
以上是小海老师认为必须非常扎实地掌握的前端开发基础知识。 基础知识是高级知识的起始平台。 没有基础知识，就无法真正理解更深的内容。 第2条：注意脚本学习，并使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。
您是否知道窗口对象的两个方法setTimeout（）和setInterval（）在计时器方面的区别？
删除操作员可以删除哪些内容？
在脚本中，有多少用途？
尽管JavaScript语言非常重要，但许多公司仍需要员工掌握原始JavaScript代码。 但是，由于该语言开发过程中的各种原因，因此存在许多繁琐且糟糕的代码模式。 例如，诸如原型链，闭包，对象和类之类的概念给这种语言带来了“难以学习”的帽子。 同时，这种知识有时是JavaScript的光辉一面，因此对于不精通此脚本语言的学习者，他们必须了解该语言才能达到熟练水平。 对于后续的全栈开发绝对有很好的效果。 第3条：练习越来越多的操作。 实践是检验真理的唯一标准。
前端开发本身是一门需要非常丰富的实践经验的学科。 在学习和工作过程中，不断地，反复地进行大量的试验和计算机操作是学习前端开发的唯一恒定方法。
以Bootstrap框架为例。 互联网上的大多数教程和许多前端老师都鼓励学生从Bootstrap官方网站复制和粘贴代码，以更快地完成页面构建。
这种方法尤其受到反对，特别是对于仍处于学习阶段的学生和首次使用Bootstrap框架的从业者。 首先，不可否认的是，Bootstrap为前端开发人员带来了类名和属性之间的大量匹配关系，并且记住了每个组件和插件的使用，这确实非常困难。 但是在学习阶段，我强烈建议研究和分析官方网站的示例代码，阅读bootstrap.css文件和bootstrap.js文件，并原则上理解此框架如何使用简单的类名和属性名来实现复杂的 脚本功能。 我在日常教学过程中也会这样做是什么促使学生们一起学习。
俗话说，“知道原因，也知道原因”。 一方面，了解了内部原理之后，我更容易记住这些大量的名称。 另一方面，因为您还将对样式框架的开发有一定的了解。 随着时间的流逝，我还可以编写一个适合自己特点的小型框架，以便逐步学习知识并实践完美。 第4条：阅读前端书籍，并阅读更多有关前端开发的经典书籍。
“阅读”始终是掌握技术的有效方法，无论使用哪种技术。 阅读过程不仅使我们了解作者的意图，而且训练了我们的阅读速度，提高了我们的自学能力。 这正是合格的前端开发工程师应具备的条件。
返回列表