Форум

hhh · #1 (**permalink**) 24.02.2015, 10:37

Подскажите, пожалуйста, где синтаксис грамотнее и почему? И какого стиля придерживаться.

var $green = $('#green'),
       greenLeft = $('#green').offset().left;

  function moveGreen() {
  	$green.css('left', ++greenLeft);
  	setTimeout(moveGreen, 500);
  }
  moveGreen();

  var red = $('#red');
  var redTop = $('#red').offset().top;

  function moveRed() {
  	red.css('top', ++redTop);
  	setTimeout(moveRed, 500);
  }
  moveRed();

ksa · #2 (**permalink**) 24.02.2015, 10:44

Сообщение от hhh

var $green = $('#green'),
       greenLeft = $('#green').offset().left;

Тогда уже так

var 
       $green = $('#green'),
       greenLeft = $green.offset().left;

ksa · #3 (**permalink**) 24.02.2015, 10:46

Или вовсе так...

(function(){
  var red = $('#red');
  var redTop = red.offset().top;
  moveRed();
  function moveRed() {
  	red.css('top', ++redTop);
  	setTimeout(moveRed, 500);
  };
})();

hhh · #4 (**permalink**) 24.02.2015, 12:11

Cубъективно не люблю использовать document.ready ... Опускаю все скрипты вниз.

ksa · #5 (**permalink**) 24.02.2015, 13:27

Сообщение от hhh

Опускаю все скрипты вниз

Чем же это они так провинились?

hhh · #6 (**permalink**) 24.02.2015, 17:27

Сообщение от ksa

Чем же это они так провинились?

danik.js · #7 (**permalink**) 24.02.2015, 17:39

Сообщение от hhh

Cубъективно не люблю использовать document.ready ... Опускаю все скрипты вниз

А толковые фронтендщики - объективно. Остальные бездумно толкают все в распухший <head>
Вот только где ты увидел document.ready?

hhh · #8 (**permalink**) 25.02.2015, 09:19

Сообщение от danik.js

document.ready?

Сокращенный вариант ведь

рони · #9 (**permalink**) 25.02.2015, 09:35

Сообщение от hhh

Сокращенный вариант ведь

где?

hhh · #10 (**permalink**) 25.02.2015, 09:40

$(function(){});

Форум

Справочник

Discord чат

Курсы javascript