VueJs第1天

时间:2022-01-07 04:28:46

Vue.js是一个轻巧的、高性能、可组件化的MVVM库。

Vue是一套用于构建用户界面的渐进式框架

渐进增强(progressive enhancement):针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

(从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时,它们会自动地呈现出来并发挥作用。)

优雅降级(graceful degradation):一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

(Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于IE独特的盒模型布局问题,针对不同版本的IE的hack实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效。)

不适合SEO、交互频繁的交互体验网站

适合有大量数据增删改查的网站

单页面应用程序SPA

网站的交互方式:

经典的多页面 -->页面跳转

现代式的单页面 -->局部刷新

	多页面:
前后端糅合在一起,开发和维护效率低下
用户体验一般,点击刷新跳转,等待时间过长
每个页面都需要重新渲染,速度慢
有利于SEO搜索引擎搜索
单页面:
开发方式好,前后端分离,开发效率高,可维护性好
服务端不关心页面,只关心数据
客户端不关心数据库及数据操作,只关心通过接口拿数据和服务端交互,处理页面.
用户体验好,就像一个原生的客户端软件一样使用
只需要加载渲染局部视图即可,不需要整页刷新
单页面应用开发复杂,所以诞生了一堆的开发框架
AngularJS
ReactJS
VueJS
无法兼顾低版本浏览器
不会被搜索引擎搜索到,不利于SEO 多页面:以服务端为主导,前后端相分离
单页面:前后端分离,各司其职
-------接口-------->
前端 服务端
<------返回数据-----