Lazy loading иногда не работает в угловом

Question

Я встречаю странное поведение для следующего кода.

function linkFunc(scope, element, attribute) { 
     var page = angular.element($window); 

     page.bind('scroll', function() { 

      var windowHeight = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight; 
      var body = document.body, html = document.documentElement; 
      var docHeight = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight); 
      var windowBottom = windowHeight + window.pageYOffset; 

      if (windowBottom >= docHeight) { 
       scope.$apply(attribute.myDirective); 
      } 
     }); 
    } 

выше кусок кода, который обнаруживает, если в нижней части страницы будет достигнута, если ее достигнуто это будет вызывать любые функции связываются с myDirective

Основной проблемой является то, что большую часть времени ленивые погрузочные работы, и myDirective получает успешное название. Однако в некоторых случаях ленивая загрузка не будет работать, и я не смог воспроизвести ошибку.

Я пробовал использовать различные размеры экрана, разные браузеры, но похоже, что ошибка происходит случайно.

Возможно, кому-то это случилось с ними раньше, и может указать мне направление?

Edit:

Больше информации

Я был в состоянии воспроизвести ошибку после того, как немного поэкспериментировать.

В основном, когда увеличение в процентах от браузера < 100 %, window.pageY возвращает десятичное значение, которое немного неточным, которые вызывают windowBottom быть выключен с помощью 0.1 к 0.9

например.

  console.log(windowBottom); // 1646.7747712336175 
      console.log(docHeight); // 1647 

Кто-нибудь знает, почему это происходит?

Edit 2:

Такое поведение также не детерминированной, а дробная часть верно. !

Answer 1

0,1 + 0,2 == 0,3

Это одна странность не только в JavaScript; это фактически превалирующая проблема в информатике, и она затрагивает многие языки. Выходной сигнал составляет 0,0000000000000004.

Это связано с проблемой, называемой машинной точностью. Когда JavaScript пытается выполнить строку выше, она преобразует значения в их двоичные эквиваленты. Здесь начинается проблема. 0,1 не является действительно 0,1, а скорее его двоичным эквивалентом, который является почти-новым (но не идентичным) значением. По сути, как только вы пишете значения, они обречены на то, чтобы потерять свою точность. Возможно, вам просто нужны два простых десятичных знака, но то, что вы получаете, как отмечает Крис Пайн, - это двоичная арифметика с плавающей запятой. Похоже на то, что ваш текст переведен на русский язык, но он становится белорусским. Похоже, но не то же самое.

Подробнее ... here. Не копаясь в источнике браузера, я бы предположил, что ваша проблема проистекает из этого.

Answer 2

Учитывая проблемы точности с плавающей точкой, вы можете захотеть ослабить условие, чтобы вместо этого проверить, если два значения меньше 1 пикселя.Например:

if (Math.abs(windowBottom - docHeight) < 1) { 
    scope.$apply(attribute.myDirective); 
}