2016-10-03 66 views
0

我有一個使用Angular和UI-router構建的單頁應用程序。當點擊時,我注意到網站變慢,並且因爲我安裝了Firefox插件「Tab data」來監視每個標籤的內存,我注意到內存使用量顯着增加(從20MB開始並超過200,仍然在相同的範圍內溫泉)。Angular SPA在瀏覽器中使用大量內存

我不知道怎麼回事,也不知道從哪裏開始尋找。它可以過度使用其他涼亭圖書館嗎? (我有大約15個atm)或者它可以是Angular內部的東西,比如指令?

此外,有沒有更好的方法來調試內存問題使用Firefox和Firebug(在Windows)?

+0

請告訴我們網頁的控制器JS和HTML代碼以使用更多內存 – manzapanza

回答

0

當您通過Angular js開發代碼時,您將使用大量的外部庫。

  1. 當您將這些庫添加到源代碼中,然後嘗試添加這些庫的縮小版本 。
  2. 此外,您可以使用grunt或gulp將整個前端代碼縮小爲單個JavaScript文件,以便減少網站的加載時間並減少javascript文件的累積大小。
  3. 當你開發你的角度代碼用於縮小率,那麼它應該在適當的語法行

    var app = angular.module('bigApp', []); 
    
    app.controller('mainController', ['$scope','$http', 
    function($scope,$http) { 
    
        $scope.message = 'HOORAY!'; 
    }]); 
    

這裏寫下來,當您壓縮,然後$範圍將被轉換爲和$ HTTP將被轉換到b。這僅僅是一個高水平的例子

爲了更好地縮小知識,你可以參考

https://scotch.io/tutorials/declaring-angularjs-modules-for-minification

相關問題