前端学习的路线和计划

html和CSS

• html 是编程的入门级语言，非常适合刚接触网页编程的新手学习
• css 是样式管理语言，配合html使用，可以更好的写网页，并且可以设置网页样式，使网页更加的美化简洁

JavaScript

• JavaScript 是适合对html有一定基础的扩展语言，以往我们写的是静态网页，是没有动画效果和跳转效果的，使网页更加的灵活
• JavaScript 是一个可以在客户端运行的脚本语言，可以使网页不再象刚开始写的一样，没有样式
• JavaScript 可以针对网页做增删改查操作。让网页更加生动

响应式布局

• 响应式布局是可以针对屏幕或者游览器的大小来进行缩放的，通常都是用在移动端设备上的

数据库

• 数据库分为两种数据库，一种是关系行数据库，一种是非关系行数据库
• 像我们常用的MongoDB就是非关系性数据库，而Microsoft是关系性数据库
• 最好在有JS基础后在学习数据库

关系行数据库

• 关系行数据库是指采用了关系模型来组织数据的数据库，其以行和列的形式存储数据，以便用户理解

非关系行数据库

• NoSQL最常见的解释是“non-relational”， “Not Only SQL”也被很多人接受。NoSQL仅仅是一个概念，泛指非关系型的数据库，区别于关系数据库，它们不保证关系数据的ACID特性。NoSQL是一项全新的数据库革命性运动，其拥护者们提倡运用非关系型的数据存储，相对于铺天盖地的关系型数据库运用，这一概念无疑是一种全新的思维的注入。

React

• React是前端的前端组件话开发工具，可以使一个网页分成小且独立的部分，在更改某个部分的时候，不会让更改那个组件之外的组件受到影响，或者在需要用到那个部分的时候可以直接给导出出来，减少了代码的重复性，加快了编码的速度
• React是使用了JSX的编写方式，可以使游览器解快速，代码可读性高，运行速度较快，用户使用性好
• React引入了虚拟DOM（Virtual DOM）的机制：在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行，每当数据变化时，React都会重新构建整个DOM树，然后React将当前整个DOM树和上一次的DOM树进行对比，得到DOM结构的区别，然后仅仅将需要变化的部分进行实际的浏览器DOM更新。而且React能够批处理虚拟DOM的刷新，在一个事件循环（Event Loop）内的两次数据变化会被合并，例如你连续的先将节点内容从A变成B，然后又从B变成A，React会认为UI不发生任何变化，而如果通过手动控制，这种逻辑通常是极其复杂的。尽管每一次都需要构造完整的虚拟DOM树，但是因为虚拟DOM是内存数据，性能是极高的，而对实际DOM进行操作的仅仅是Diff部分，因而能达到提高性能的目的。这样，在保证性能的同时，开发者将不再需要关注某个数据的变化如何更新到一个或多个具体的DOM元素，而只需要关心在任意一个数据状态下，整个界面是如何Render的。

Vue

• Vue是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。
• Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
  Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 [2] 。
  Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。