jQuery or JavaScript?

@Deert · Регистрация: 27.11.2011

Студворк — интернет-сервис помощи студентам

Всем Здравствуйте!!! Я здесь, как и в программировании Новичек. И хотел у вас поинтересоваться. Вот говорят, что для совершения AJAX запроса более удобен jQuery. Потому-что он во первых не занимает кода для кроссбраузерности объекта XmlHttprequest, он более удобен в использовании(по его написанию, и малому объему кода). Но в других ресурсах пишут что он жрет много ресурсов, грузит сайт(если минимизированная версия то как минимум 50 кб, а полная 150 кб) и еще что-то не помню. Но говорят что использование jQuery AJAX в некоторых местах более удобнее, чем чистого JavaScript`а. Так вот я хотел узнать:
1) В каких местах он более удобен(jQuery AJAX)
2) Как придерживаться малой нагрузкой при использовании jQuery
3) Как правильно и визуально приятнее писать AJAX запрос на чистом JavaScript(просто на каждом сайте код оформлен по разному и каждый(почти) визуально не красивен)
4) И этот пункт будет после ответа на предыдущие вопросы.

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

@kalabuni · 18.06.2012, 12:07

На коленке, за 15 минут:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function DialogWindow ()
{
document.body.ondrag = function () {return false}
document.body.onselectstart = function () {return false}
document.body.oncontextmenu = function () {return false} 
var dv1 = document.createElement ('DIV');
dv1.id = 'myDW'; with (dv1.style)
   {
   width = '345px'; height = '154px'; position = 'absolute';
   var t = (document.body.clientHeight - 154) / 2; top  = t + 'px';
   var l = (document.body.clientWidth  - 345) / 2; left = l + 'px';
   zIndex = 999; textAlign = 'center'; lineHeight = '50px';
   backgroundColor = 'silver';
   }
var txt  = '<div style="background-color: lime; cursor: move" onmousedown="setMove (event)">Окно</div>';
    txt += 'Привет!<br><u style="font-size: 70%; cursor: pointer" onclick="this.parentNode.style.display = \'none\'">закрыть</u>';
dv1.innerHTML = txt; dv1.lang = l + '-' + t; document.body.appendChild (dv1);
}
 
function setMove (ev)
{
var e = window.event || ev;
var dt = e.pageY ? e.pageY : e.clientY;
var dl = e.pageX ? e.pageX : e.clientX;
var obj = document.getElementById ('myDW');
var z = obj.lang.split ('-');
obj.lang = (dl - z [0]) + '-' + (dt - z [1]);
document.onmousemove = fDrag;
document.onmouseup = fUp;
}
 
function fDrag (ev)
{
var e = window.event || ev;
var dt = e.pageY ? e.pageY : e.clientY;
var dl = e.pageX ? e.pageX : e.clientX;
var obj = document.getElementById ('myDW');
var z = obj.lang.split ('-');
obj.style.left = (dl - z [0]) + 'px'; obj.style.top = (dt - z [1]) + 'px';
}
 
function fUp ()
{
var obj = document.getElementById ('myDW'), l = t = 0;
while (obj.offsetParent) {l += obj.offsetLeft; t += obj.offsetTop; obj = obj.offsetParent}
document.getElementById ('myDW').lang = l + '-' + t;
document.onmousemove = null; document.onmouseup = null;
document.body.ondrag = null; document.body.onselectstart = null;
document.body.oncontextmenu = null;
}
</script>
</head>
<body>
<u style="cursor: pointer" onclick="DialogWindow (); this.style.display = 'none'">Открыть</u><br>
</body>
</html>

@Deert · 18.06.2012, 12:14 **[ТС]**

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

На коленке, за 15 минут:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<script>
function DialogWindow ()
{
document.body.ondrag = function () {return false}
document.body.onselectstart = function () {return false}
document.body.oncontextmenu = function () {return false} 
var dv1 = document.createElement ('DIV');
dv1.id = 'myDW'; with (dv1.style)
   {
   width = '345px'; height = '154px'; position = 'absolute';
   var t = (document.body.clientHeight - 154) / 2; top  = t + 'px';
   var l = (document.body.clientWidth  - 345) / 2; left = l + 'px';
   zIndex = 999; textAlign = 'center'; lineHeight = '50px';
   backgroundColor = 'silver';
   }
var txt  = '<div style="background-color: lime; cursor: move" onmousedown="setMove (event)">Окно</div>';
    txt += 'Привет!<br><u style="font-size: 70%; cursor: pointer" onclick="this.parentNode.style.display = \'none\'">закрыть</u>';
dv1.innerHTML = txt; dv1.lang = l + '-' + t; document.body.appendChild (dv1);
}
 
function setMove (ev)
{
var e = window.event || ev;
var dt = e.pageY ? e.pageY : e.clientY;
var dl = e.pageX ? e.pageX : e.clientX;
var obj = document.getElementById ('myDW');
var z = obj.lang.split ('-');
obj.lang = (dl - z [0]) + '-' + (dt - z [1]);
document.onmousemove = fDrag;
document.onmouseup = fUp;
}
 
function fDrag (ev)
{
var e = window.event || ev;
var dt = e.pageY ? e.pageY : e.clientY;
var dl = e.pageX ? e.pageX : e.clientX;
var obj = document.getElementById ('myDW');
var z = obj.lang.split ('-');
obj.style.left = (dl - z [0]) + 'px'; obj.style.top = (dt - z [1]) + 'px';
}
 
function fUp ()
{
var obj = document.getElementById ('myDW'), l = t = 0;
while (obj.offsetParent) {l += obj.offsetLeft; t += obj.offsetTop; obj = obj.offsetParent}
document.getElementById ('myDW').lang = l + '-' + t;
document.onmousemove = null; document.onmouseup = null;
document.body.ondrag = null; document.body.onselectstart = null;
document.body.oncontextmenu = null;
}
</script>
</head>
<body>
<u style="cursor: pointer" onclick="DialogWindow (); this.style.display = 'none'">Открыть</u><br>
</body>
</html>

Странно, но не работает. Нажимаю открыть и ничего. Консоль молчит.

@kalabuni · 18.06.2012, 12:32

Deert, увы, я не хирург.
И ваши кривые руки лечить не умею.

@Deert · 18.06.2012, 12:32 **[ТС]**

kalabuni, а нет sorry я просто нечайно JavaScript отключил в браузере. Да окошко достойное, но
1) Много кода. Я понимаю что в jQuery UI его не меньше, но его по крайней мере не надо каждый раз писать
2) Тут нету красивого оформления и красивого появления окна(плавное). Я понимаю что ты это делал не на заказ, а для общего представления и про то, что я перечислил ранее ты не должен был писать. Но мне нужно будет это делать самому а там сумотохи много может просто UI скачать, она весит не много и там можно качать не весь японско-русский словарь а только те фразы которые мне нужны.

@kalabuni · 18.06.2012, 12:40

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

1) Много кода. Я понимаю что в jQuery UI его не меньше, но его по крайней мере не надо каждый раз писать...

2) Тут нету красивого оформления и красивого появления окна(плавное).

Есть у меня один знакомый...
Никак он с женщинами не общается.
Говорит, что страшные они все, да ещё и уговаривать каждую долго надо.

А вот с Дунькой Кулаковой у него проблем нет.
Не надо каждый раз уговаривать.
Да и представить себе можно любую - хоть Анжелину Джоли, хоть Ксюшу Собчак...
Так и живёт...

Я ему привет от вас передам.

@basili4 · 18.06.2012, 14:10

Deert, точно также как и с помощью JQuery только все вкусности писать руками.

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

Полагаю это уделом ущербных людей.

Был у меня период в жизни когда я и так считал. Потом я подвязался делать довольно таки сложный фронт енд, сначала писал как писалось потом понял что очень много повторяющегося кода скрыть блок, показать блок и т.д. стал оформлять их в отдельный класс, и так и все было не плохо, но либа росла код обвешивался проверками (кросбраузерность это вам не в носы ковырять)
Один мой знакомый выдя мои потуги кинул мне ссылку на доку по JQ. Я ему заявил что 50 к этой ерунды таскать не хочу. На что мне был резонный ответ. Твой пользователь будет ходить не только на твой сайт. И если называть либу с JQ не как попало а именно как она называется из начально, то есть не хилый варик, что у пользователя она уже за кеширована и браузер не потащит еще одну. А достанет из кеша.
После чего я пересмотрел своё мнение. И использую JQ там где нужно.

Моё стойкое мнение если ты не можешь сделать модальное окошко средствами js, не пользуйся JQ заработешь JQuery головного мозга.

@kalabuni · 18.06.2012, 14:35

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

И если называть либу с JQ не как попало а именно как она называется из начально, то есть не хилый варик, что у пользователя она уже за кеширована и браузер не потащит еще одну. А достанет из кеша.

Этот "варик" непроходной.

Файлы в кеше браузера идентифицируются не по именам файлов, а по их URL.
Более того, всякий раз встретив в коде страницы ссылку на адрес файла, который есть в кеше, браузер всё-равно засылает http-запрос по указанному URL, чтобы получить с сервера http-заголовок файла и удостовериться, что файл на сервере не изменился. И лишь в случае, если "время последнего изменения" файла на сервере будет совпадать с таковым же в кеше, браузер "потянет" файл из кеша, а не с сервера.

Если предположить, что идентификация в кеше происходит по имени файла, то тогда вместо всех морд всех сайтов должна будет появляться какая-то одна. Потому как они все называются index.htm (или index.html, или index.php, ...)

@basili4 · 18.06.2012, 14:47

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

Этот "варик" непроходной.
браузер всё-равно засылает http-запрос по указанному URL, чтобы получить с сервера http-заголовок файла и удостовериться, что файл на сервере не изменился. И лишь в случае, если "время последнего изменения" файла на сервере будет совпадать с таковым же в кеше, браузер "потянет" файл из кеша, а не с сервера.

Ну я точно знаю один недо браузер где такое не происходит пока не очистишь кеш. страница не меняется. Хоть сколько ты css или js правь.

@kalabuni · 18.06.2012, 14:56

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

Ну я точно знаю один недо браузер где такое не происходит пока не очистишь кеш. страница не меняется. Хоть сколько ты css или js правь.

Смотрите настройки браузера.
Там, вероятнее всего, выставлено либо "Никогда", либо "Автоматически", а следует выставить "Всякий раз при посещении страницы"

@Deert · 19.06.2012, 17:22 **[ТС]**

kalabuni, а как вот например к окну поставить плавное появление. Или например сначало идет индикатор загрузки окна а потом только окно, чтоб красиво появлялся а не быстро.

@kalabuni · 19.06.2012, 18:05

Deert, вы хотите в одной теме на форуме получить представление обо всех объектах, свойствах, коллекциях, событиях и методах DHTML?

"Плавность появления" объекта - примитивный эффект, достигаемый пошаговым изменением свойства прозрачности этого объекта от 0 до 100%, осуществляемый через какие-то промежутки времени с использованием метода setTimeout () или setInterval (). Пять-шесть строчек кода.

Повторяю ещё раз: библиотека JQuery написана для тех, кто не знает и не хочет знать Javascript'a.
И написана она на том же самом Javascript'e.
Соответственно, абсолютно любой эффект, доступный лоху с помощью JQuery, человек, знающий Javascript, легко реализует собственным кодом.
И код этот будет (у профессионала) много компактнее и работать будет быстрее, чем любой плагин.
Ибо код этот будет поддерживать только нужное для данного конкретного случая.

@Deert · 19.06.2012, 18:25 **[ТС]**

kalabuni, извините за излишки наглости, но можно продемонстрировать плавное появление окна

@kalabuni · 19.06.2012, 19:01

Добавьте в скриптовой блок моего кода функцию

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function fShow ()
{
var obj = document.getElementById ('myDW'); if (!obj.ho) obj.ho = 0;
if (obj.ho < 100)
   {
   obj.ho = obj.ho + 1;
   if ('v' == '\v') obj.style.filter = 'alpha(opacity=' + obj.ho + ')';
   else obj.style.opacity = (.01 * obj.ho); TMR = setTimeout (fShow, 50);
   }
else clearTimeout (TMR);
}

и в код функции DialogWindow () в самый её конец (перед закрывающей фигурной скобкой) добавьте строку fShow ();

@Wizout · 19.06.2012, 20:35

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

Соответственно, абсолютно любой эффект, доступный лоху с помощью JQuery...

сорри за оффтоп:
лох - это "лицо обманутое хулиганом" если что, а не тупой человек, который в чем-то не может разобраться

@Deert · 19.06.2012, 20:46 **[ТС]**

kalabuni, скажи а где ты такие окна писать научился???? и где мне можно научиться???

@kalabuni · 20.06.2012, 02:23

Wizout, неверно - см. http://lurkmore.to/%cb%ee%f5#.... 0.B8.D1.8F (трактовка шестая)

Я имел в виду (см. там же выше) -

"[Лох] Обладает повадками типичного травоядного быдла: неспособность планировать ближайшее будущее, неспособность осознать уровень своей тупизны, полная невозможность не переть в открывшуюся дырку, а сначала сообразить, как оттуда выбираться обратно. Стремление сожрать всё вокруг, причем прямо сейчас.
Лучшей приманкой для ловли лохов издавна служат понты и халява."

JQuery - это как раз типичные понты и халява для тех, кто не способен осознать уровень своей тупизны

-----

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

kalabuni, скажи а где ты такие окна писать научился???? и где мне можно научиться???

Deert, учился я в том месте, где малознакомым людям не принято "тыкать", тем более, если те используют исключительно обращение "на вы".

Так что... сначала научитесь вежливо общаться.
Потом, быть может, вам удастся найти то место, где учат "писанию окон"

@Deert · 20.06.2012, 10:41 **[ТС]**

kalabuni, а ВЫ не можете посмотреть мое окно, оно что-то не открывается(сам писал). Файл прикреплен.

@Deert · 21.06.2012, 21:38 **[ТС]**

kalabuni, ну так как посмотрите???

Добавлено через 10 минут
И да я вот сам написал код. Он уместен или что-то не так(он работает):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<html>
 
 
 
<head>
 
  <title>Тестилка</title>
 
<script type="text/javascript">
 
  
 
  function ModalShow()
 
  {
 
      var div = document.createElement ('div');
 
      div.style.border = '1px solid #000000';
 
      div.style.background = '#0000FF';
 
      div.id = 'modalWindow';
 
      div.innerHTML = "Модальное окно";
 
      div.style.position = 'absolute';
 
          div.style.left = '50%';
 
          div.style.top = '50%';
 
          div.style.height = '150px';
 
          div.style.width = '250px';
 
      document.body.appendChild(div);
 
  }
 
</script>
 
 
 
</head>
 
<body>
 
<a href="#" OnClick="ModalShow()">Открыть диалоговое окно</a>
 
  
 
</body>
 
 
 
</html>

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57

	jQuery or JavaScript? 17.06.2012, 15:42. Показов 4472. Ответов 37 Метки нет (Все метки) Всем Здравствуйте!!! Я здесь, как и в программировании Новичек. И хотел у вас поинтересоваться. Вот говорят, что для совершения AJAX запроса более удобен jQuery. Потому-что он во первых не занимает кода для кроссбраузерности объекта XmlHttprequest, он более удобен в использовании(по его написанию, и малому объему кода). Но в других ресурсах пишут что он жрет много ресурсов, грузит сайт(если минимизированная версия то как минимум 50 кб, а полная 150 кб) и еще что-то не помню. Но говорят что использование jQuery AJAX в некоторых местах более удобнее, чем чистого JavaScript`а. Так вот я хотел узнать: 1) В каких местах он более удобен(jQuery AJAX) 2) Как придерживаться малой нагрузкой при использовании jQuery 3) Как правильно и визуально приятнее писать AJAX запрос на чистом JavaScript(просто на каждом сайте код оформлен по разному и каждый(почти) визуально не красивен) 4) И этот пункт будет после ответа на предыдущие вопросы. Я не прошу отвечать человеку на все 3 вопроса, ответьте каждый на сколько хотите и можете. Всем большое спасибо. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	18.06.2012, 12:32
	Deert, увы, я не хирург. И ваши кривые руки лечить не умею. 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	18.06.2012, 12:32 [ТС]
	kalabuni, а нет sorry я просто нечайно JavaScript отключил в браузере. Да окошко достойное, но 1) Много кода. Я понимаю что в jQuery UI его не меньше, но его по крайней мере не надо каждый раз писать 2) Тут нету красивого оформления и красивого появления окна(плавное). Я понимаю что ты это делал не на заказ, а для общего представления и про то, что я перечислил ранее ты не должен был писать. Но мне нужно будет это делать самому а там сумотохи много может просто UI скачать, она весит не много и там можно качать не весь японско-русский словарь а только те фразы которые мне нужны. 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	19.06.2012, 17:22 [ТС]
	kalabuni, а как вот например к окну поставить плавное появление. Или например сначало идет индикатор загрузки окна а потом только окно, чтоб красиво появлялся а не быстро. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	19.06.2012, 18:05
	Deert, вы хотите в одной теме на форуме получить представление обо всех объектах, свойствах, коллекциях, событиях и методах DHTML? "Плавность появления" объекта - примитивный эффект, достигаемый пошаговым изменением свойства прозрачности этого объекта от 0 до 100%, осуществляемый через какие-то промежутки времени с использованием метода setTimeout () или setInterval (). Пять-шесть строчек кода. Повторяю ещё раз: библиотека JQuery написана для тех, кто не знает и не хочет знать Javascript'a. И написана она на том же самом Javascript'e. Соответственно, абсолютно любой эффект, доступный лоху с помощью JQuery, человек, знающий Javascript, легко реализует собственным кодом. И код этот будет (у профессионала) много компактнее и работать будет быстрее, чем любой плагин. Ибо код этот будет поддерживать только нужное для данного конкретного случая. 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	19.06.2012, 18:25 [ТС]
	kalabuni, извините за излишки наглости, но можно продемонстрировать плавное появление окна 0

@Deert 0 / 0 / 0 Регистрация: 27.11.2011 Сообщений: 57
	19.06.2012, 20:46 [ТС]
	kalabuni, скажи а где ты такие окна писать научился???? и где мне можно научиться??? 0