入门前端开发需要了解的一些基础概念

！！！！转载请注明作者和本文链接！！！！
最近开始搞前端开发，于是遇到了一堆以前没接触过的概念和框架，现在就从HTML开始把这些内容的来龙去脉做个简单的总结吧，就当个小白入门

HTML

HyperText Markup Language(超文本标记语言)，用来创建网页的标准标记语言，现在看到一个个网页都是用它实现的。这里就不多介绍了

CSS

HTML可以实现网页的具体内容的方式，比如一段文字内容可以用表格(table标签)呈现，也可以用段落(p标签)呈现，用列表(ol/ul标签)呈现等，呈现的UI样式可以通过一些标签的属性决定。但是随着呈现的样式越来越复杂，于是出现了一个样式标记语言CSS，Cascading Style Sheets层叠样式表。使用CSS+DIV的方式，可以把样式从HTML中剥离出来，一方面网页的加载更方便更快，另外一方面，也利于开发维护。

CSS 预处理器

CSS预处理器是一门编程语言，会对CSS增加一些编程特性，写的代码最后会编译成CSS，进行展示。目前流行的CSS预处理器有SASS，LESS，Stylus等

JavaScript

前面讲的HTML和CSS都是内容呈现，那么逻辑就得有编程语言实现。目前最流行的前端开发编程语言就是JavaScript，大多数网站都是它实现的。

DOM

有了JavaScript以后我们可以写一些网页的逻辑了。在一些逻辑里面我们需要操纵网页上的元素（比如改变一个id叫test的标签的字体颜色)，就得用到DOM。DOM，Document Object Model，文档对象模型，有了DOM，我们就可以在javascript中通过DOM的接口访问到指定的标签，从而达到用程序去操控标签的某些属性或者对应的行为。

jQuery

如果我们用javascript编写程序，然后直接用DOM的接口操纵HTML标签，这个代码得写不少，于是就有人把这些接口封装成了一个js库，这个就是jQuery。

前端框架

jQuery提供的是一个库，如果是特别简单的页面用jQuery也足够了。但是如果是要做一些功能复杂例如Web app，则需要用上框架。在框架下开发可以遵循一定的设计模式，使得前端开发更具工程化，可维护性更高。像React，Angular，Vue是目前最流行的三大前端框架。如何选择框架，更多的是根据项目的情况进行决定，比如，时间要求，开发人员对框架的熟练程度啊，还有应用场景等等。像最近要在微信公众号做一个小型的web app就得考虑到移动端流量的问题，得选个省流量的框架，还要考虑对微信的兼容，以及在这些框架里如何使用微信官方的UI类库，JSSDK，有没有友好方便的包装接口等等

在最后不得不提一点，就是它们和Laravel的关系。
以前觉得Laravel是个后台框架，其实是个全栈的框架。从web前端，数据库操作，到实现后台Restful API都可以做。而且还提供了对各种框架或者语言的接口。像CSS预处理器，SASS，LESS都支持，数据库也支持SQL SERVER，MYSQL等等，前端框架React，Angular，Vue，也都可以按照开发者的意愿去选择。当然如果只做后台接口，可以选择使用Lumen(Laravel无前端内容的版本)，还有详细的文档，活跃的社区，众多可以交流的开发者。正是因为成熟的生态，Laravel才能发展得如此壮大。一切来之不易，不得不感叹Laravel框架的开发者和维护者水平之高，以及感谢他们持续解决问题的努力。

！！！！转载请注明作者和本文链接！！！！