Vue:前端体系,前后端分离

1、Vue概述

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_02

2、前端三要素

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_03


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_04


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_05


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_06


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_MVC_07


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_MVC_08


Vue集成的优点:

* Angular(模块化):提出了MVC模块化模式

* React(虚拟DOM):把很多DOM放到内存中去操作,就不用走浏览器了,效率提高

注:HTML DOM(文档对象模型)的理解

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_09


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_MVC_10

2.5、三端统一【了解】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_11

2.6、后端技术【了解】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_12

2.7、主流前端框架

Vue.js

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_MVC_13


【重点】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_14


​vue-element-admin​

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_15

3、了解前后分离的演变史

为什么需要前后分离

3.1、后端为主的MVC时代【了解】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_MVC_16


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_17


其他的都不需要我们来做。

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_18

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_vue.js_19


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_20

3.2、基于Ajax带来的SPA时代【了解】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_21


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_22


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_MVC_23

3.3、前端为主的MVC时代:大前端时代【了解】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_24


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_25


前后端分离:

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_SEO_26


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_vue.js_27


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_28


注:SEO(英文 Search Engine Optimization)字面理解很简单的,就是“搜索引擎优化”,最简单的理解就是“搜索自然排名”。就以“SEO优化”为例,去百度搜索下,大家就能快速区分了。

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_29

SEO即搜索引擎优化的一种方式,是利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,最终目的是要拉开与同行的差距,获得品牌收益,占领市场。从字面上来看,SEO就是能使网站排名在前,获得自由精确的流量。

3.4、NodeJS带来的全栈时代【了解】

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_30


注:但是JavaScript和php一样,并发并不高,php适合开发小网站。

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_31


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_大前端_32


11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_Vue_33

3.5、总结

11_02_第六阶段:大前端进阶||07-Vue详解||P2:前端核心分析 && P3:前端发展史【观看狂神随笔】_vue.js_34