单页

引言： 多页面vs单页面 他们各自的特点是什么 每次页面的跳转，后端都会提供html文件 优点：首屏时间短，SEO（搜索引擎优化）效果好 缺点：页面切换慢 单页面应用 js动态的感知页面的变化，判断页面显示内容 并不向后台发送内容，切换不需要接收html的内容 优点：页面切换快 缺点：首屏时间稍慢，SEO差 通过服务器渲染技术，可以克服这两个缺点 原文: 大专栏 30.多页应用VS单页应用 来源： https://www.cnblogs.com/jimmykeji/p/11657544.html

引言： 多页面vs单页面 他们各自的特点是什么 每次页面的跳转，后端都会提供html文件 优点：首屏时间短，SEO（搜索引擎优化）效果好 缺点：页面切换慢 单页面应用 js动态的感知页面的变化，判断页面显示内容 并不向后台发送内容，切换不需要接收html的内容 优点：页面切换快 缺点：首屏时间稍慢，SEO差 通过服务器渲染技术，可以克服这两个缺点 原文: 大专栏 30.多页应用VS单页应用 来源： https://www.cnblogs.com/sanxiandoupi/p/11657369.html

版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/xiangzhihong8/article/details/86715541 Vue.js（读音 /vjuː/, 类似于 view）是一套用于构建用户界面的渐进式框架，主要用于快速的构建前端界面，与其它大型的前端框架不同，Vue被设计为可以自底向上逐层应用。 相比Angular.js来说，Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合，是初创项目的前端首选框架。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。 正式因为Vue.js具有易用、灵活、高性能和渐进式等特点， 才使得Vue.js成为当前三大流行的JavaScript 框架之一。 工欲善其事，必先利其器。Vue的快速发展和崛起也得益于其快速发展的社区环境。为了实现快速的迭代，Vue社区涌现出了一大批的开源项目，借助这些开源项目，我们可以实现快速的迭代升级。 UI组件 element ★34,784 - 饿了么出品的基于Vue2的web UI工具套件 storybook ★33,503 - 响应式UI 开发及测试环境 Vux ★15,061 - 基于Vue和WeUI的组件库 mint-ui

单页Web应用（single page web application，SPA）： SPA 是一种特殊的 Web 应用，是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中，仅在该 Web 页面初始化时加载相应的 HTML 、 JavaScript 、 CSS 。一旦页面加载完成， SPA 不会因为用户的操作而进行页面的重新加载或跳转，而是利用 JavaScript 动态的变换 HTML（采用的是 div 切换显示和隐藏），从而实现UI与用户的交互。在 SPA 应用中，应用加载之后就不会再有整页刷新。相反，展示逻辑预先加载，并有赖于内容Region（区域）中的视图切换来展示内容。 要实现单页面应用，现在已经有很多现成的框架了，它们都是很全面的开发平台，为单页面应用开发提供了必需的页面模板、路径解析和处理、后台服务 api 访问、 DOM 操作等功能。 1. 优点 1) 有良好的交互体验 能提升页面切换体验，用户在访问应用页面是不会频繁的去切换浏览页面，从而避免了页面的重新加载； 2) 前后端分离开发 单页Web应用可以和 RESTful 规约一起使用，通过 REST API 提供接口数据，并使用 Ajax 异步获取，这样有助于分离客户端和服务器端工作。更进一步，可以在客户端也可以分解为静态页面和页面交互两个部分； 3)

Vue 专题 一个数据驱动的组件，为现代化的 Web 界面而生。具有可扩展的数据绑定机制，原生对象即模型，简洁明了的 API 组件化 UI 构建 多个轻量库搭配使用 请访问链接: https://www.awesomes.cn/subject/vue#%E5%BA%94%E7%94%A8-%E6%A1%86%E6%9E%B6 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 UI组件 element ★13489 - 饿了么出品的Vue2的web UI工具套件 Vux ★8133 - 基于Vue和WeUI的组件库 iview ★6634 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★6253 - Vue 2的移动UI元素 muse-ui ★3705 - 三端样式一致的响应式 UI 库 vue-material ★3328 - 通过Vue Material和Vue 2建立精美的app应用 vuetify ★2925 - 为移动而生的Vue JS 2组件框架 Keen-UI ★2749 - 轻量级的基本UI组件合集 vonic ★1913 - 快速构建移动端单页应用 vue-multiselect ★1539 - Vue.js选择框解决方案 eme ★1529 - 优雅的Markdown编辑器 vueAdmin ★1455 -

单页面应用指只有一个主页面的应用，浏览器一开始就要加载所有必须的html，js，ss，单页面的页面跳转仅刷新局部资源，多应用于pc端， 多页面就是指一个页面中有多个页面，页面跳转时是整页刷新 单页面优点： 1.用户体验好，快，内容改变不需要重新加载整个页面； 2.没有页面之间的切换，就不会出现“白屏现象” 单页面缺点： 1.首次加载耗时比较多； 2.不利于SEO 3.不可以用导航实现前进后退效果； 4.页面复杂度高 来源： https://blog.csdn.net/lin_lin_zhao/article/details/99694468

Vue.js新手入门指南 最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScript+JQuery以外的前端技术的人到现在可以独立使用Vue.js以及各种附属的UI库来开发项目，我总结了一些知识和经验想与大家分享。 下面我就以问答的形式来分享吧。这里假设你仅仅只掌握了HTML+CSS+JavaScript，如果你对JQuery这个前端库，以及各种后端模版语言比如说PHP，JSP还有所了解并且使用过的话那就太好了。 1.Vue.js是什么？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。