精华内容
参与话题
问答
  • 单页面应用 ... 原理: js会感知到url的变化,通过这一点可以用js动态地将当前页面的内容清除,然后将下一个页面的内容挂载到当前页面上。这个时候的路由不再是后端来做了,而是前端来做,判断页面显示相应的组件,...

    单页面应用

    第一次进入页面时会请求一个html文件,刷新清除一下,切换到其他组件,此时路径也相应变化,但是并没有新的html文件请求,页面内容却变化了。

    原理: js会感知到url的变化,通过这一点可以用js动态地将当前页面的内容清除,然后将下一个页面的内容挂载到当前页面上。这个时候的路由不再是后端来做了,而是前端来做,判断页面显示相应的组件,清除不需要的。

    页面跳转: js渲染
    优点: 页面切换快
    缺点: 首屏时间稍慢,SEO差

    1. 为什么页面切换快?

    页面每次切换跳转时,并不需要处理html文件的请求,这样就节约了很多HTTP发送时延,所以我们在切换页面的时候速度很快。

    2. 为什么首屏时间慢,SEO 差?

    单页应用的首屏时间慢,首屏时需要请求一次html,同时还要发送一次js请求,两次请求回来了,首屏才会展示出来。相对于多页面应用,首屏时间慢。

    SEO效果差,因为搜索引擎只认识html里的内容,不认识js渲染生成的内容,搜索引擎不识别,也就不会给一个好排名,会导致单页应用做出来的网页在搜索引擎上的排名差。

    3. 为什么还要用 Vue 呢?

    Vue官方提供了一些其他的技术来解决这些缺点,比如服务端渲染技术(SSR server side render),通过这些技术可以完美解决这些缺点,这样一来单页面应用对于前端来说就是非常完美的页面开发解决方案了。


    多页面应用

    每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是多页网站,也叫多页应用。

    页面跳转: 返回HTML
    优点: 首屏时间快,SEO效果好
    缺点: 页面切换慢

    1. 为什么多页应用的首屏时间快?

    首屏时间叫做页面首个屏幕的内容展现的时间,当我们访问页面的时候,服务器返回一个html,页面就会展示出来,这个过程只经历了一个HTTP请求,所以页面展示的速度非常快。

    2. 为什么搜索引擎优化效果好(SEO)?

    搜索引擎在做网页排名的时候,要根据网页的内容才能给网页权重,来进行网页的排名。搜索引擎是可以识别html内容的,而我们每个页面所有的内容都放在html中,所以这种多页应用SEO排名效果好。

    3. 缺点:切换慢

    每次跳转都需要发送一个HTTP请求,如果网络状态不好,在页面间来回跳转时,就会发生明显的卡顿,影响用户体验。

    总结

    / 多页面应用模式MPA

    单页面应用模式SPA

    应用构成

    由多个完整页面构成


    一个外壳页面和多个页面片段构成

    跳转方式

    页面之间的跳转是从一个页面到另一个页面

    一个页面片段删除或隐藏,加载另一个页面片段并显示。片段间的模拟跳转,没有开壳页面
    跳转后公共资源是否重新加载
     

    URL模式


    http://xxx/page1.html和http://xxx/page2.html


     

    http://xxx/shell.html#page1和http://xxx/shell.html#page2

    用户体验
     

    页面间切换加载慢,不流畅,用户体验差,尤其在移动端

    页面片段间切换快,用户体验好,包括移动设备


     

    能否实现转场动画
     

     

    容易实现(手机APP动效)

    页面间传递数据
     

    依赖URL、cookie或者localstorage,实现麻烦
     

    页面传递数据容易(Vuex或Vue中的父子组件通讯props对象)

    搜索引擎优化(SEO)

    可以直接做
     

    需要单独方案(SSR)

    特别适用的范围

    需要对搜索引擎友好的网站

    对体验要求高,特别是移动应用

    开发难度 较低,框架选择容易

    较高,需要专门的框架来降低这种模式的开发难度


    转自:https://www.jianshu.com/p/a02eb15d2d70

    展开全文
  • SPA是什么?

    2018-10-16 01:28:00
    认识SPA 最早单页面的应用无从知晓,在2004年,google的Gmail就使用了单页面。到了2010年,随着Backbone的问世之后,此概念才慢慢热了起来。 随着后来React、Angular、Vue的兴起,单页面应用才成了前端圈里...

    认识SPA

    最早单页面的应用无从知晓,在2004年,google的Gmail就使用了单页面。到了2010年,随着Backbone的问世之后,此概念才慢慢热了起来。

    随着后来React、Angular、Vue的兴起,单页面应用才成了前端圈里人人皆知的架构模式。

    接下来将通过对比传统页面应用和单页面应用来说明SPA具体是什么。

     

    传统的页面应用

    早期web应用的前后端交互模式是这样的,每个html作为一个功能元件,通过刷新、超链接、表单提交等方式,将页面组织起来后给用户提供交互。

    后期很多流行的框架都是基于此模式进行设计的,比如 Ruby on Rails,Spring MVC,Express 等等

    传统的web应用中,浏览器只是作为展示层,路由、服务调用、页面跳转都是服务端来处理的。也就是MVC的架构都是放在后端的,只有V这一层,将页面通过网络发送到浏览器端,渲染给用户。

    传统的模式具有以下特点:

    • 重服务端:浏览器只作为展示层,将MVC全置于后端,加重了服务端的体量,开发中主要以后端为主。
    • 频繁刷新:页面展示依赖于不同的功能元件,所以必须依靠刷新页面,或者跳转路由来实现功能块的切换,这种方式严重耗费资源,同时用户体验很差。

     

    单页面应用

    和传统应用相比较,单页面应用就是将MVC个架构搬到了前端来实现

    • 控制器:将处理路由的功能放在前端,当浏览器的路由发生变化时,由控制器来响应其变化,指向其对应的处理逻辑(组件),最终将页面展现给用户。
    • 视图:这一层就是功能元件,也就是单个的组件,当路由发生变化的时候由组件来处理,只处理变化的那部分,最后组织成页面。
    • 数据层:单页面应用有自己的数据层定义,简化了后端服务的复杂度,后端只要提供公共的数据接口即可,而数据层会对数据服务API进行进一步的封装,然后提供数据给视图层。

    如此看来单页面应用很像移动客户端,后端的精力就是提供高质量的、可复用的Rest API服务。

     

    单页面应用的出现依然存在着争议性,我们该如何看待他的两面性呢?

    单页面应用的优势:

    • 无刷新体验:没有了令人诟病的页面频繁刷新,同时节约浏览器资源,路由响应比较及时,提升了用户的体验。
    • 共享组件:前端组件化是将独立完整的功能模块封装到一个组件中,代码结构更加规范,便于代码维护,同时模块化后的组件可以在不同的场景中进行复用,极大地加快了迭代开发的速度。这也是为什么主流的前端框架都提倡组件化编程的原因。
    • 共享API:给后端减负,前端加码的好处就是,前端能有一点口粮吃了(开玩笑,前端那么牛怎么能没饭吃呢?),前端担起家务的事,后端就可以安心地处理业务逻辑了,于是才能写出高质量并可共享的API,供自己或者其他的合作伙伴使用。一个优秀的产品背后,一定有一群出色的前端(小生脸皮太厚)。

    单页面应用的劣势:

    • 抬高了前端门槛:SPA模式的流行,引领了前端技术的飞速发展,与此同时对前端人员在学习和使用上的能力就有了更高的要求,同时工作量也增加了,前端想活的更好就要付出的更多,所以不要再以为前端就是切切图,画画页面这么简单。too young, too naive。
    • 首次加载大量资源:既然只有一个页面显示,那许多功能元件(组件)所依赖的静态资源就需要在初次时进行加载,加载时间相对比较长。
    • 不利于SEO:单页面应用,数据都是在前端进行渲染的,所以就影响了SEO。

     

     

     

     

    原文:https://segmentfault.com/a/1190000011325283

    转载于:https://www.cnblogs.com/amcy/p/9795722.html

    展开全文
  • SPA(单页面应用)

    千次阅读 2018-10-20 23:09:59
    1、单页面应用(SPA)的概念: 1、single-page application是一种特殊的Web应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成,SPA不会因为用户...

    1、单页面应用(SPA)的概念:

    1、single-page application是一种特殊的Web应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript、CSS。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转,而是利用JavaScript动态的变换HTML(采用的是div切换显示和隐藏),从而实现UI与用户的交互。
    2、简单来说SPA的网页只有一个页面,而这个网页的实际方式要能够回应使用者所使用的各种装置并且赋值使用者在电脑上使用软件的体验,让使用者可以更容易和有效的使用网站。按照正常情况下,我们会在一个页面中链接到其他的很多个页面,进行页面的跳转,但是如果使用单页面应用的话,我们始终在一个页面中,通常使用a标签的描点来实现。

    2、作用(好处)

    1、由于避免了页面的重新加载,SPA可以提供较为流畅的用户体验。得益于Ajax,可以实现无跳转刷新,由于与浏览器的history机制,可以使用hash的b变化从而可以实现推动界面变化。
    2、只要使用支持HTML5和CSS3的浏览器就可以执行复杂的SPA,因此,开发人员不必为了写SPA网站而特别学习另一个开发方式,而使用者也不额外安装软件,所以,让开发SPA网页程序的入门和使用门槛降低不少。

    3、缺点

    以SPA方式开发的网站不容易管理也不够安全。
    因为没了一页一页的网页给搜索引擎的爬虫来爬,所以,在搜索引擎最佳化(SEO)的工作上,需要花费额外的功夫。
    因为没有换页,需要自定义状态来取代传统网页程序以网址来做判断。

    4、实现SPA

    技术:
    1、处理#后面的字符
    2、局部刷新

    3、iframe

    1、#后面的字符

    后面的字符,其实是location对象的hash属性的值,即是说,我们可以轻松拿到这个#后面字符的变化值,代码如下:

    var hash = location.hash;

    既然值能拿到,就可以直接通过一个a标签跳转。

    <a href="#luoxuan">罗旋</a>;
    <a href="#xiexing">谢星</a>;
    <a href="#luoli">罗粒</a>;
    <a href="#luobo">罗卜</a>;

    2、局部刷新(Ajax)

    ajax+div+historyapi

    这种方式实现要更复杂,开发要自己实现url管理,以达到前进、后退跳转等能力,不过目前都已经有成熟的路由库可以使用,另外基于div模式的SPA,开发需要考虑全局对局部的影响,包括css、事件等。这种方式的优点是刷新要更轻量,js库和css样式在首次加载即可,局部页面可以只加载少量的数据,并且基于div响应式效果在移动端要更好。因此这也成了目前流行的前端框架angular、react等选用的方案。

    代码实现:

    <script>
         window.addEventListener('haschange',function(){
         var hash  = document.location.hash;
         switch(hash){
            case '#luoxuan':
            $.ajax({
              url:'./json/luoxaun.json',
              success:function(){
                 document.write("罗旋是小仙女!!!")
              }
            });
           break;
           
           case '#xiexing':
           $.ajax({
             url:'./json/xiexing.json',
             success:function(){
                document.write("谢星是个帅哥哥哦~~~")
              }
            });
           break;
          }
      })
    </script>

     

    3、iframe

    其一,使用iframe的优点之一就是开发简单,目前的浏览器都已经对iframe url发生修改产生历史记录。

    其二,除了响应式问题的兼容性不好之外(也正因此iframe很不适合用在移动端),iframe作为使用多年的浏览器技术之一,在许多方面的兼容性要好许多,也是一些新技术在低版本浏览器上不可用时的替代解决方案,如contentEditable。

    其三,iframe与父文档相对独立,可以不受父文档的影响,想必这也是目前一些网站(网易云音乐,QQ空间,各大邮箱)继续使用iframe的主要原因。

     

    基于iframe制作单页博客

    笔者的博客制作于2015年,当时的PC浏览器应该不支持iframe历史记录,所以笔者选择通过修改hash的方式实现历史记录(浏览器对hash的修改会记录历史记录),选择基于iframe制作基于两个原因:一、希望浏览博客时不论怎么跳转,可以不中断播放音乐;二、iframe相对全站ajax+div而言要更简单易行。博客地址http://movesun.com,博客布局参考 http://www.kotonohanoniwa.jp/。

    做法是绑定所有需要在iframe中打开的a标签的click事件,当点击a标签时,将a标签url中的path路径修改为浏览器url的hash值。例如我想访问的是 http://movesun.com/blog/list,则将/blog/list作为hash值设置到地址栏 ,因此在浏览器地址栏看到的地址就变为了http://movesun.com/#/blog/list,

     

    因此在父文档中有这样一段js

     1 $('a[target="contentFrame"]').click(function(){
     2     var $this = $(this),
     3         url = $this.attr('href'),
     4         mainHost = location.host,
     5         i = url.indexOf(mainHost);
     6     $active.removeClass('active');
     7     $active = $this.parent('li');
     8     $active.addClass('active');
     9     if(i !== -1){
    10         url = url.substr(i + mainHost.length);
    11     }
    12     window.location.hash = '#' + url;
    13     return false;
    14 });

    在iframe页面(子页面)中,也有一段类似的js,为iframe中的页面超链接绑定事件

     1 $('a').click(function(){
     2     var url = $(this).attr('href')
     3     if(url && url != '#' && url.indexOf('http') == 0){
     4         var mainHost = window.parent.location.host,
     5                 i = url.indexOf(mainHost);
     6         if(i !== -1){
     7             url = url.substr(i + mainHost.length);
     8         }
     9         window.parent.location.hash = '#' + url;
    10     }
    11     return false;
    12 });

    注意这两段代码,修改的都是父文档(顶层窗口)地址栏的hash值。所以,只需要在父文档中监听onhashchange事件,在事件响应中设置iframe的src 进而load子页面。

    1 $container = $('div.page-body > iframe');
    2 window.onhashchange = function(){
    3     $container.attr('src',location.hash.substring(1));
    4 };

     iframe高度不能根据内容自适应,需要在子页面load之后刷新iframe的高度

     1 var refreshHeight = function(){
     2     var $this = $container,
     3         minHeight = $('.page-right').height() - $('.top-menu').height() - 20,
     4         contentHeight = $this.contents().find('body').height() + 10;
     5     $this.height(contentHeight < minHeight ? minHeight : contentHeight);
     6 };
     7  
     8 $container.load(function(){
     9     refreshHeight();
    10 });
    11 // 首次刷新,否则加载过程中会看到白框
    12 refreshHeight();

    到这里基本已经实现任意跳转、回退、前进页面不再刷新整个页面。下面的代码是为了解决当打开多个顶层文档时(开多个窗口),音乐不重复播放,方法也很简单,在localStorage中记录顶层文档的数量,每开一个新窗口加1,关闭时减1,只要记录数大于1便不自动播放。 

     1 if(window.localStorage){
     2     var $window = $(window);
     3     $window.on('beforeunload',function(){
     4         console.log('-1');
     5         localStorage.framePage = localStorage.framePage - 1;
     6     });
     7  
     8     window.addEventListener("storage", function(e){
     9         console.log("oldValue: "+ e.oldValue + " newValue:" + e.newValue)
    10     });
    11 }
    12 var autoplay =  location.host !== 'movesun.qq.com';
    13 if(window.localStorage){
    14     if(Number(localStorage.framePage) >= 1){
    15         autoplay = false;
    16     }
    17  
    18     if(isNaN(localStorage.framePage) || Number(localStorage.framePage) <= 0) localStorage.framePage = 1;
    19     else {
    20         localStorage.framePage = Number(localStorage.framePage) + 1;
    21     }
    22 }

    博客依然有两个问题需要解决

    1、目前的浏览器已经支持记录iframe变更的历史记录,通过hash记录历史就显的没有必要了。目前网站每次跳转实际产生了两条历史记录。后面找时间移出hash记录或者禁用iframe历史记录

     

    2、考虑到搜索引擎收录的超链接应该是非hash模式的url,比如用户看到的是movesun.com/#/blog/list ,而实际收录的却是movesun.com/blog/list,通过site:movesun.com指令搜索也可以看到

    直接访问这类url地址,将直接打开iframe里的内容,所以,当用户直接点击搜索引擎的结果进入博客时,应该将用户跳转到hash模式,页面才能正常显示,但这样对搜索引擎而言,会陷入一个无限循环,影响搜索引擎收录。

     

     

     

    总结:SPA(单页面web应用)和MPA(多页面web应用)的区别

     

    展开全文
  • 浅谈前端SPA(单页面应用)

    千次阅读 2019-06-30 16:43:10
    单页Web应用(single page web application,SPA): SPA 是一种特殊的 Web 应用,是加载单个 HTML 页面并在用户与应用程序交互时动态更新该页面的。它将所有的活动局限于一个 Web 页面中,仅在该 Web 页面初始化时...

    https://blog.csdn.net/huangpb123/article/details/86183453

     

    单页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) 减轻服务器压力
    服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍;
    4) 共用一套后端程序代码
    不用修改后端程序代码就可以同时用于 Web 界面、手机、平板等多种客户端;

    2. 缺点:


    1) SEO难度较高
    由于所有的内容都在一个页面中动态替换显示,所以在SEO上其有着天然的弱势,所以如果你的站点对SEO很看重,且要用单页应用,那么就做些静态页面给搜索引擎用吧;
    2) 前进、后退管理
    由于单页Web应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能,所有的页面切换需要自己建立堆栈管理,当然此问题也有解决方案,比如利用URI中的散列+iframe实现;
    3) 初次加载耗时多
    为实现单页Web应用功能及显示效果,需要在加载页面的时候将JavaScript、CSS统一加载,部分页面可以在需要的时候加载。所以必须对JavaScript及CSS代码进行合并压缩处理;

    3. 性能优化


    1) 加载优化
    在SPA中,通常一开始就会加载所有必需的代码(HTML,JavaScript和CSS),有时候考虑到首屏加载太慢会按需加载,按需加载就是按照当前呈现的不同页面加载不同的文件,而不是最开始就把所有文件都加载出来,从而避免首屏加载很慢。
    当首屏加载完毕后,设备&网络处于空闲状态,可以对其他路由组件进行预加载,以便提升页面切换性能。
    根据路由拆分减少初始加载体积,利用异步加载方式,在路由注册时提供异步拉取组件的方法,仅在需要进入对应路由时,对应组件才会被加载进来。 

    • 初次加载的速度

    单页应用的第一页加载会比基于服务器的应用慢。这是因为首次加载必须先拿到框架和应用程序的代码,再在浏览器中呈现所需的视图。基于服务器的应用程序只需将所需的HTML推送到浏览器,从而减少了延迟和下载用时。

    • 加快页面加载速度

    有一些方法可以加快单页应用的初次加载速度,比如采用多项缓存措施、需要时再加载某些模块(懒加载)。

    • 页面生命周期

    单页应用在初始页面加载时被完全加载,然后页面区域被替换或更新为按需从服务器加载的新页面片段。为避免过度下载未使用的功能,单页应用通常会逐渐下载更多内容,如所需要的功能、页面的一小块,或者完整的一页。

    2) SEO优化
    由于我们在处理单页应用的时候页面是不刷新的,所以会导致我们的网页记录和内容很难被搜索引擎抓取到。搜索引擎抓取页面首先要遵循http协议,可是#不是协议内的内容。而实际上也是这样,我们没有见过搜索引擎的搜索结果中,哪一条记录可以快速定位到网页内的某个位置的。解决的方法是用 #!号代替#号,因为谷歌会抓取带有#!的URL。(Google规定,如果你希望Ajax生成的内容被浏览引擎读取,那么URL中可以使用"#!"(这种URL在一般页面一般不会产生定位效果)),这样我们可以解决ajax的不被搜索引擎抓取的问题。在vueJs里面,我们可以看到作者就是这样做的。
    3) 前进后退功能优化
    配置好路由信息,通过记录浏览过的历史路由信息,可以很好的记录或历史查看过的界面,也可以独立写个足迹功能实现。


    4. 体验优化


    1) 构建骨架图
    SPA 首屏加载面临较长时间白屏,骨架图是一个完美的”缓兵之计”,相当于加载到下个界面时先把下个页面的雏形加载出来,再加载其余的组件,做到缓冲作用,骨架图对用户体验有极大的提升:

    • 快速展示

    配合 PWA 首屏缓存,骨架图可实现瞬间加载&展示,首屏视觉上有冲击性地提升;

    • 稳定加载

    消除页面初始加载因多次重绘&资源加载导致的”抖动”需要注意的是,骨架图应尽量保持足够小巧与简单,以确保不会严重影响页面后续加载;


    2) 页面切换
    无论如何优化性能加载,在页面切换时候依旧需要获取页面数据,若处理不好,可能会在数据返回前有短暂的不友好”空白”。通过以下方式可以很好处理这个问题:

    • 切换前:

    在确保组件&数据加载完毕前,可保证页面可交互性,减少用户阻塞感;

    • 转场动画:

    在大多数原生应用,转场动画属于标配,即时组件&数据已经完全加载,在切换至新页面瞬间,依旧需要页面渲染时间,这段时间可能导致页面短暂空白或者”视觉阻塞”,通过转场动画时间,可以很好地缓解这个问题,大多数页面保证在转场动画完毕之后依然渲染完毕。

     

     

    转载:https://zhuanlan.zhihu.com/p/54364114?utm_source=wechat_session&utm_medium=social&utm_oi=727071291755991040

    PWA(Progressive Web App)渐进式网页应用,是一种理念,使用多种技术来增强web app的功能,可以让网站的体验变得更好,能够模拟一些原生功能,比如通知推送。在移动端利用标准化框架,让网页应用呈现和原生应用相似的体验。
    https://baike.baidu.com/item/PWA/22378897?fr=aladdin

     

    展开全文
  • SPA 介绍

    2018-06-12 16:49:00
    SQL 性能分析器(SPA)工具概览 作为 Oracle Real Application Testing 选件/特性,这篇文章将提供一个关于 SQL ...
  • 什么是spa

    2017-11-25 15:49:15
    什么是Spa单页面应用 single page applicable 页面只加载一次其他内容通过改变页面内容实现,使用路由器实现 根据用户操作 改变用户界面而不需要刷新页面的功能 控制整个应用视图状态的控制器
  • SPA架构的优点和缺点以及一些思考

    千次阅读 2017-12-29 18:28:29
    SPA是什么? 全称是单页面应用。 一个SPA就是一个WEB应用,它所需的资源(HTML CSS JS等),在一次请求中就加载完成,也就是不需刷新地动态加载。 用术语“单页”就是因为页面在初始化加载后就永远不会重新加载刷新...
  • spa ssr区别

    千次阅读 2019-01-04 16:39:12
    里面的关键语句为: " 我们并没有多余的dom元素,就只有一个div,那么页面要怎么呈现呢?答案是js append,对,下面的那些js会负责innerHTML。而js是由浏览器解释执行的,所以呢,我们称之为浏览器渲染,这...
  • SPA

    千次阅读 2018-04-02 10:52:57
    单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序,是指在浏览器中运行的应用,它们在使用期间不会重新加载...
  • SPA应用的优缺点

    千次阅读 2019-05-27 22:12:39
      单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为...
  • SPA

    2018-01-11 21:37:00
    渐进式javascript框架 Vue是一套用于构建用户界面的渐进式框架,与其他大型框架...单页应用(SPA:Single Page Application)相关的前端三大框架 AngularJS React Vue.js 传统的站点的交互模型是通过服务器直出的形...
  • LDPC各类译码方法的MATLAB实现主要内容新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右...
  • SPA

    2017-06-09 17:27:23
    是单页Web应用(single page web application,... 单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的
  • spa

    千次阅读 2013-09-12 23:21:37
    1.Backbone http://documentcloud.github.com/backbone/ js的MVC框架,它是核心。 2.RequireJS http://requirejs.org/ 用来加载js,管理js的依赖关系 3.JQuery 操作dom ...Backbone依
  • SPA应用简述

    千次阅读 2017-07-09 01:15:05
    SPA 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会...
  • SPA

    2019-12-20 14:49:12
    SPA 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、 CSS和JavaScript 。一旦页面加载完成了,SPA不会...
  • SPA

    2019-04-11 14:21:00
    为什么用SPA 1. 减少服务器压力 如果不用spa 那么每次切换页面的时候,就会向服务器发送一个请求 服务器返回一个html文件 如果使用了SPA 在切换时,不需要请求服务器,只要通过本地的js来切换即可 并且服务器端...
  • SPA Matlab Code(转载)

    千次阅读 2019-01-03 11:19:41
    注释:代码转载自 ...  一、均匀线阵主程序 % test of SPA in the ULA case clear all close all clc K = 3; % source number M = 30; % array length N =...
  • single-spaMicro-frontends are the future of front end web development. 微前端是前端Web开发的未来。 Inspired by microservices, which allow you to break up your backend into smaller pieces, micro-...
  • vue项目做seo(prerender-spa-plugin预渲染)

    万次阅读 热门讨论 2018-07-14 20:28:15
    为什么seo是spa项目的痛点 网络爬虫在爬取网页内容的时候,需要分析页面内容,主要有以下几点: 从meta标签中读取keywords、description的内容。 根据语义化的html的标签爬取和分析内容。一个整体都是用div标签的...

空空如也

1 2 3 4 5 ... 20
收藏数 34,193
精华内容 13,677
关键字:

SPA