Vue.js 超详细入门与项目实战（微课视频版）课件 第01章 前端框架发展.pptx

课件V1.0;教学内容;知识目标;知识点预览;知识点预览;在90年代中后期，用户通过网络浏览图片和文字，不能跟服务器进行数据交互。这种页面称之为“静态页”。;Web技术2.0中，用户不仅可以浏览数据信息，还能直接参与信息的制作，是由“静态页”向“动态页”的转变。

这对于页面开发者来说，也提出了更高的要求，需要学习更多的技术才能胜任这项工作，而这些专门用于页面开发的技术称之为前端技术。;HTML5是前端技术的核心，它代表了Web开发的方向，无论是基于移动端的应用，还是驻足在PC端的页面，都是基于该技术打造的框架和平台。;在互联网行业中，对前端开发技术人才的岗位需求一直都是与日俱增，同时，前端技术开发，相比其他技术而言，也是较容易进入互联网行业的岗位。前端技术所学内容多而杂，技术更新非常快。前端所学习的内容下图所示。;HTML5是标记语言最新的版本。是前端开发核心。;框架开发前端项目

主流的包括Vue.js、Angular.js、React.js，Vue.js又是前端开发人员必须要掌握的重点框架

。;结合案例实战;互联网早期，页面展示的内容全部由后端进行控制，一切以后端为中心。具体流程如下图所示。;由于服务端无法像控制页面一样，控制移动端的应用布局和数据显示，因此，服务端需要专门针对移动端提供相应的数据接口，具体流程如下图所示。;

服务端

;在上图中，服务端只提供了一套接口，所有的内容输出应用，包括单面应用和移动端应用。因此，对于服务端开发人员来说，有助于提升项目开发的速度，有利于提高代码的后期维护，从而提升开发效率。

;单页应用不足;只将应用的开发从结构上分为前端和服务端是远远不够的，通过使用中间层是大家公认的优化方案。

中间层的作用

带中间层的前后端分离流程;应用结构优化;应用结构优化;应用结构优化;注意事项

前后端分离是目前Web项目开发的主流结构，结构的分离并不等于性能的优化，分离的目的是使用项目的流程和结构更加科学和高效，因此，只有在分离后，优化它的业务流程，如添加中间层，才???真正实践前后端分离的意图，同时，中间层的处理是动态和多样的，可以多种方式交织在一起，并不拘泥于上述三种使用的方式。