<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          web單頁應用是什么?它的好處與壞處有哪些(如何解決這些缺點)

          時間:?2017-12-27閱讀:?6948標簽:?單頁

          web單頁應用是什么?

          Web單頁應用就是指只有一個Web頁面作為入口的應用,在瀏覽器中運行期間不會重新加載頁面。也就是說瀏覽器一開始會加載它必需的thml、css和Js,之后所有的交互操作都在一個頁面上完成,這些都是由JavaScript動態的加載合適的內容來響應用戶的操作,所以Web單頁應用會包含大量的js代碼,支持單個頁面上與多個組件進行豐富的交互。我們一般可以認為單頁應用是一種從Web服務器加載的富客戶端。  


          web單頁應用的好處

          相比傳統網站而已,我們認為單頁應用的好處主要有:

          1、提供了更加吸引人的用戶體驗:具有桌面應用的即時性、網站的可移植性和可訪問性。

          2、單頁應用的內容的改變不需要重新加載整個頁面,web應用更具響應性和更令人著迷。

          3、單頁應用沒有頁面之間的切換,就不會出現“白屏現象”,也不會出現假死并有“閃爍”現象。

          4、單頁應用相對服務器壓力小,服務器只用出數據就可以,不用管展示邏輯和頁面合成,吞吐能力會提高幾倍。

          5、良好的前后端分離。后端不再負責模板渲染、輸出頁面工作,后端API通用化,即同一套后端程序代碼,不用修改就可以用于Web界面、手機、平板等多種客戶端。

          web單頁應用的缺點

          1、首次加載耗時比較多。
          解決辦法:可以采用基于HTTP Chunk 的首屏數據漸進式預加載方案,該方案總體減少了單頁應用1.2s的首屏呈現時間。首屏數據漸進式預加載的優化思路也得到了體現: 優化首屏數據加載節點的速度。 預先加載首屏數據,使得多個串行節點并行化。


          2、SEO問題,不利于百度,360等搜索引擎收錄。

          解決辦法:可以采用prerender服務,它拿到請求夠,直接在服務端的一個js engine里,運行這個HTML(就像瀏覽器做的那樣),直到內容動態填完之后,再廣播一個事件告訴phantomjs“內容已經好了,可以返回給爬蟲了”,這樣爬蟲就拿到了一份完整的HTML,就和在瀏覽器里渲染完的一樣。目前流行的框架都有對應的服務器渲染框架,如:

          Rect服務器渲染框架:Next.js
          vue服務器渲染框架:Nuxt.js


          3、如有造成Css命名沖突。

          解決辦法:我們可以使用Sass、LESS和Stylus等CSS預處理器,在一定程度上可以解決該問題。


          4、前進、后退、地址欄、書簽等,都需要程序進行管理,頁面的復雜度很高,需要一定的技能水平和開發成本高。

          站長推薦

          1.阿里云: 本站目前使用的是阿里云主機,安全/可靠/穩定。點擊領取2000元代金券、了解最新阿里云產品的各種優惠活動點擊進入

          2.騰訊云: 提供云服務器、云數據庫、云存儲、視頻與CDN、域名等服務。騰訊云各類產品的最新活動,優惠券領取點擊進入

          3.廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入

          鏈接: http://www.modern-decoration.com.cn/article/detial/286

          如何構建單頁Web應用?

          首先我們來看一看單頁應用是什么?所謂單頁應用,指的是在一個頁面上集成多種功能,甚至整個系統就只有一個頁面,所有的業務功能都是它的子模塊,通過特定的方式掛接到主界面上

          單頁應用的部署方案

          PA(單頁應用)可以說是這幾年前端領域的一個技能棧了。單頁應用不同與傳統的多頁面應用,顧名思義,單頁應用整個應用架構中只有一個實際頁面運行,再借助于H5的History API或hash路由來實現前端路由,從而實現了前后端的解耦,或者前后端分離

          H5單頁面系統開發,動態加載js

          最近開發一個手機端辦公系統,用了Framework7框架,完全用H5開發網站我也是第一次上手,很不熟練,很多概念也不知道。Framework7采用單頁面模式,所有功能都在一個主頁面上完成,用Ajax方式調用其他頁面

          單頁面開發和多頁面開發的區別

          多頁應用:每一次頁面跳轉的時候,后臺服務器都會返回一個新的html文檔,這種類型的網站就是多頁網站,也叫多頁應用。{頁面跳轉——>返回html},單頁面應用:第一次進入頁面的時候會請求一個html文件,刷新點擊一下會切換到其他組件

          vue單頁開發_使用keep-alive頁面返回不刷新

          <keep-alive>是Vue的內置組件,能在組件切換過程中將狀態保留在內存中,防止重復渲染DOM。首先在App.vue頁面上有下面一段代碼,我們都知道這是頁面渲染的地方

          內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權或違規,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全運營推廣

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网