Форум программистов, компьютерный форум, киберфорум
jQuery
Форум программистов и сисадминов Киберфорум > Форум web-программистов > JavaScript > jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  
 
4 из 7 « 123 4 567 »
 
Рейтинг 4.73/26: Рейтинг темы: голосов - 26, средняя оценка - 4.73
132 / 76 / 16
Регистрация: 08.07.2022
Сообщений: 309

JQuery жив или мертв?

19.02.2023, 14:24. Показов 7574. Ответов 128
Метки нет (Все метки)
Студворк — интернет-сервис помощи студентам
Цитата Сообщение от KingdaKa Посмотреть сообщение
А шквери - это тлен, который в 2023 году изучать не стоит. Имхо.
А что там изучать? Полностью интуитивный и понятный с коробки. Ускоряет написания кода в 10 раз как минимум!

Добавлено через 1 минуту
Цитата Сообщение от nikolaymsk01 Посмотреть сообщение
Да мне надо всего лишь что бы когда открывал страницу, не было ошибок, если нет кнопки
А ты научись разделять логику так, что бы у тебя всё было всегда на месте, когда ты выполняешь тот или иной код. А не имея свалку непонятную
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
 19.02.2023, 14:24
Ответы с готовыми решениями:

ActiveX жив или мёртв?
Здравсвуйте, каким кодом можно выяснить сам факт работоспособности механизма регистрации ActiveX на компьютере, где не удается...

Samsung R525 - жив или мертв
Всем здравствуйте! Хочу спросить совета насчет ноутбука Samsung R525, ситуация следующая: включаю ноутбук загораются все индикаторы, но...

Elements 10A8 жив или мертв?
Доброго времени суток. Как-то очень давно при копировании данных с внешнего харда Elements 10A8 (wd black 1tb) отключилось питание, после...

128
168 / 146 / 32
Регистрация: 03.09.2018
Сообщений: 499
01.02.2024, 15:38
Студворк — интернет-сервис помощи студентам
Какая версия jquery ?
0
 Аватар для voraa
1296 / 1283 / 190
Регистрация: 21.01.2024
Сообщений: 5,943
01.02.2024, 16:19
Цитата Сообщение от Именч Посмотреть сообщение
Это лишь базовый аналог document.querySelectorAll, вся магия происходит на много глубже
90% есть в селекторах CSS
Цитата Сообщение от Именч Посмотреть сообщение
Это всё лежит в КЭШ браузера, повторный вызов не приведёт к новому поиску элемента,
Про КЭШ не понял (и есть ли у браузера такой кеш), но это приводит к лишнему вызову функции, которая не так уж мала и в свою очередь вызывает много внутренних функций. Я смотрел код jquery.
Цитата Сообщение от Именч Посмотреть сообщение
fetch для мобильных устройств только - только появилась в поддержке.
Да что Вы говорите? А я и не знал. Правда уж лет 5-6 его использую. И вроде на мобильных все работает и работало.
Цитата Сообщение от Именч Посмотреть сообщение
Не совсем понял какую аналогию вы приводите. Типа moment имеет право на жизнь, а jquery нет? Что бы что?
Зачем качать библиотеку, ради одной функции, аналог которой есть в ваниле?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3857 / 1755 / 432
Регистрация: 14.03.2022
Сообщений: 4,441
01.02.2024, 17:01
Цитата Сообщение от Именч Посмотреть сообщение
Какая версия jquery ?
Если это вопрос ко мне - кидай любую ссылку, запущу с ней...

У меня, для примеров тут на форуме, используется вот такая
PHP/HTML
1

<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
Добавлено через 1 минуту
Вот полностью тестовая страничка, которую я запускал...

PHP/HTML
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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<!--
-->
<style>
</style>
<script>
 
/*
$(_ => {
})
document.addEventListener('DOMContentLoaded', _ => {
})
*/
</script>
</head>
<body>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
<p class='font-medium'></p>
 
   
<script>
console.log('Элементов', document.getElementsByClassName('font-medium').length);
console.time('js');
(function(){
  for(let i = 0; i < 100000; i++) {
   if(document.getElementsByClassName('font-medium').length > 1000) {
     console.log('ok');
   }
  }
})();
console.timeEnd('js');
 
console.time('jquery');
(function(){
  for(let i = 0; i < 100000; i++) {
   if($('.font-medium').length > 1000) {
     console.log('ok');
   }
  }
})();
console.timeEnd('jquery');
 
 
</script> 
</body>
</html>
0
168 / 146 / 32
Регистрация: 03.09.2018
Сообщений: 499
01.02.2024, 17:21
https://code.jquery.com/jquery-latest.min.js

/*! jQuery v1.11.1 | (c) 2005, 2014 jQuery Foundation, Inc. | jquery.org/license */

Понятно всё.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3857 / 1755 / 432
Регистрация: 14.03.2022
Сообщений: 4,441
01.02.2024, 17:34
Именч, твои какие рекомендации?
Кидай правильную ссылку на жиКвери, дабы я в примерах не ударил в грязь лицом.
0
 Аватар для voraa
1296 / 1283 / 190
Регистрация: 21.01.2024
Сообщений: 5,943
01.02.2024, 19:49
Цитата Сообщение от Именч Посмотреть сообщение
Понятно всё.
Скачал jquery-3.7.1.js Повторил тест, что выше.

test.html:515 Элементов 496
19:32:13.536 test.html:524 js: 14.6220703125 ms
19:32:20.803 test.html:534 jquery: 7266.528076171875 ms
И даже если заменить getElementsByClassName('font-medium') на querySelectorAll('.font-medium') получается

test.html:515 Элементов 496
19:37:57.433 test.html:524 js: 471.182861328125 ms
19:38:04.520 test.html:534 jquery: 7087.095947265625 ms
Добавлено через 14 минут
Это на хроме было. На Файрфоксе другие результаты

Элементов 496 test.html:515:9
js: 1116мс - таймер закончился test.html:524:9
jquery: 944мс - таймер закончился test.html:534:9
Даже странно. Я почему то считал, что у Файрфокса DOM работает быстрее, а js медленнее, чем в Хроме.
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3857 / 1755 / 432
Регистрация: 14.03.2022
Сообщений: 4,441
01.02.2024, 20:51
Я запускал в Опере...
0
 Аватар для voraa
1296 / 1283 / 190
Регистрация: 21.01.2024
Сообщений: 5,943
03.02.2024, 15:09
Опера тоже на хромиуме.
Меня больше поразила разница в случае jquery.
944 для файрфокса и 7087 для хрома.
Чем это можно объяснить?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для krvsa
3857 / 1755 / 432
Регистрация: 14.03.2022
Сообщений: 4,441
03.02.2024, 15:24
Цитата Сообщение от voraa Посмотреть сообщение
Чем это можно объяснить?
Мне настолько глубоко копать без надобности.
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
07.02.2024, 18:07
Оставлю это здесь…
https://blog.jquery.com/2024/0... -0-0-beta/
1
Эксперт .NET
 Аватар для Usaga
14368 / 9469 / 1360
Регистрация: 21.01.2016
Сообщений: 35,733
12.02.2024, 12:04
Надо же) Оно ещё живое)
0
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
12.02.2024, 16:37
Цитата Сообщение от Usaga Посмотреть сообщение
Надо же) Оно ещё живое)
кроме того - судя по стате наследие еще будет долго жить 6кк weekly downloads для верси 3.7.1 и еще есть серверный jquery cheerio там еще 5кк

Живее всех живых
0
163 / 50 / 5
Регистрация: 03.06.2020
Сообщений: 591
15.02.2024, 08:34
Господа! Зачем игнорировать очевидность по причине мнений о новых фреймворках и методах фронтенда. Они конечно будут новыми. Но кто откажется от поддержки старых за хорошую ЗП, вопрос скорее риторический.
Поэтому, статистика вполне хорошо всё это иллюстрирует
Usage statistics and market share of jQuery for websites на 15.02.2024
jQuery usage distribution by website popularity
Market Share by Top Websites
Bootstrap = 3,827,401 WEBSITES
jQuery = 18,538,830 WEBSITES
примерно в ШЕСТЬ! раз "карл"!
Websites using jQuery

Цитата Сообщение от AlexZaw Посмотреть сообщение
На том, что многие используют его где надо и где не надо. Вместо того, чтобы на нативном js написать 50 строк кода, которые и будут составлять весь js код используемый на странице, подключают десятки килобайт jq, пишут 10 строк кода и радуются "оптимизации"
какая необходимость в выборе метода работы с ориентиром на не лучший код или чьи-то начальные шаги?
Мне кажется JQ не нравится гуру своей доступностью так сказать всем, включая кто вообще едва шарит в JS.
А что вы скажите по такой новой фичи как The modern coding superpower
Для которого есть расширение для VsCode. Можно добавить, codeium сам не напишет за кого-то код. Может даже в чем-то ввести в заблуждение. Но ведь это не проблема инструмента, а проблема того, кто микроскопом забивает гвозди, условно.
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3962 / 2126 / 833
Регистрация: 13.03.2010
Сообщений: 6,983
15.02.2024, 09:09
Цитата Сообщение от Segera Посмотреть сообщение
примерно в ШЕСТЬ! раз "карл"!
Сравнивать bootstrap и jquery - не логично. Это разные фреймворки для разных задач. Вы сейчас сравниваете бензопилу с лобзиком и радуетесь, что лобзик потребляет на 100% меньше топлива.
0
163 / 50 / 5
Регистрация: 03.06.2020
Сообщений: 591
15.02.2024, 09:15
Цитата Сообщение от gogolik Посмотреть сообщение
Это разные фреймворки для разных задач
это о том, давайте также не использовать bootstrap по аналогичной причине с jquery?
Хорошо, допустим есть задача создания нескольких модальных окон, привязанным к разным кнопкам или тегам в разных частях экрана. Предпочтение будет фреймворкам типа JQ - BS или ванильному JS?
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3962 / 2126 / 833
Регистрация: 13.03.2010
Сообщений: 6,983
15.02.2024, 09:35
Цитата Сообщение от Segera Посмотреть сообщение
это о том, давайте также не использовать bootstrap по аналогичной причине с jquery?
Я и не использую ни то, ни другое.

Цитата Сообщение от Segera Посмотреть сообщение
Предпочтение будет фреймворкам типа JQ - BS или ванильному JS?
На ванильном js это пишется в 10-15 строчек + около 100 строчек css.
0
163 / 50 / 5
Регистрация: 03.06.2020
Сообщений: 591
15.02.2024, 09:51
Цитата Сообщение от gogolik Посмотреть сообщение
На ванильном js это пишется в 10-15 строчек + около 100 строчек css.
есть такое и пробовал. Стоит добавить не менее 30-40 строк с <div> в html
При добавлении с этого примера кнопок или удалении или изменении контента ( особенно с медия ) сколько надо переписать строк. Включая *.js + *.css
От всего подобного практически избавлены фреймворки. Понимаю, можно написать такой *.js, который будет не многим хуже фреймворка. С меньшей универсальностью. Т.к. сделан конкретно под что-то. Будет это скорее не 10-15 строк кода. Которые ещё неплохо бы найти. Особенно другому прогеру.
Т.е. сделать задачу под здесь и сейчас может лучше через нативный JS. Разумеется с кучей комментариев и документации.
Редкий сайт или проект обходится без дополнения, а то и переделок. Имхо это значительно проще и быстрее, если использовать фреймворки. Именно поэтому за ними такая популярность. Не все хотят постоянно доделывать "велосипеды". Под кросс или старт-шоссе.
0
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3962 / 2126 / 833
Регистрация: 13.03.2010
Сообщений: 6,983
15.02.2024, 10:11
Цитата Сообщение от Segera Посмотреть сообщение
сколько надо переписать строк. Включая *.js + *.css
Как поставлена задача - такое и решение.
Но в целом кода из 10-15 строк ванильного js достаточно, чтобы реализовать любую модалку (и даже вариативную), остальное уже за html/css.

Цитата Сообщение от Segera Посмотреть сообщение
Имхо это значительно проще и быстрее, если использовать фреймворки.
Да, но не аппендикс в виде jquery. Против использования фреймворков я ни слова не сказал.
0
163 / 50 / 5
Регистрация: 03.06.2020
Сообщений: 591
15.02.2024, 10:30
JQ - это не одни *.js, но в значительной мере *.css. Причем PopUp просто как пример. Там под UI десятки
Magnific Popup
Может попапы мелочи и далеко не всегда актуальны.
Другая сторона этой темы, в самих фреймворках надо хорошо разбираться. Задача может оказаться не проще создания нового кода.
Иногда может быть трудным выбор, что лучше сделать самому или читать другую документацию. По сути использование фреймворков - это похоже как устроился на работу и надо что-то использовать из чужого кода. Иногда и такая практика полезна.
0
Эксперт JS
2463 / 1769 / 625
Регистрация: 11.07.2016
Сообщений: 4,067
15.02.2024, 11:46
Segera, всё это, конечно, хорошо, но вы скорее всего не получали ни одной задачи по SEO оптимизации от заказчиков. Когда lighthouse тыкает SEO аудиторов носом в (по меркам веба) чудовищно тяжёлый JQ даже в минифицированной версии, заказчик в свою очередь начинает тыкать носом вас. Вот тут вы и начинаете задумываться о рефакторинге и пользе JQ.
Цитата Сообщение от Segera Посмотреть сообщение
Там под UI десятки
На нативном плагинов не меньше. Более того разработчики таких плагинов не с проста прямо на главной большими буквами выводят надпись об отсутствии зависимости от JQ, выдавая это как преимущество.
На самом деле JQ вовсе не плох. Просто его крайне не рекомендуется использовать там, где важны SEO и хайлоад.
Цитата Сообщение от Segera Посмотреть сообщение
Мне кажется JQ не нравится гуру своей доступностью
Не поэтому. Потому что гуру используют Vue/React/etc, в которых JQ как собаке пятая нога.
3
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
 15.02.2024, 11:46

Жесткий диск жив или мертв?
Добрый день, помогите, пожалуйста, разобраться в SMART. Хард в мусорку или есть шансы?

301 ошибка, диск жив или мертв?
Решил обновить-почистить свой hp pavilion dv6. Обновил драйверы, винду и все дела. Поставил на ночь проверить Касперским систему, по...

Скорее жив чем мертв или наоборот?
Первый раз обращаюсь на форум за помощью, во-общем дело обстоит так, решил спустя 3 года почистить свой ноут, выдул из кулера много пыли...

Перекрестный обмен ссылками - жив или мертв?
Интересует вопрос - как нынче относится Гугл к 3-way обмену? &quot;Проканывает&quot; такой обмен или Г палит это и накладывает...

Ни жив не мертв ПиСи, или о чем молчит материнка
Приветствую форумчан и верных комрадов IT! Сложилась неприятная ситуация. Обычная ни чем не примечательная сборка системника не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
80
Ответ Создать тему
4 из 7 « 123 4 567 »
Новые блоги и статьи
сукцессия 31: модель микоризы - это модель ещё нескольких явлений, социальных и экономических
anaschu 18.07.2026
Теория «Всего»: апдейт v1. 1. 2 — 28‑мерное ядро стабилизировано Коллеги, фиксирую разбор инженерных правок и их изоморфную проекцию на экономику, меметику и половой отбор. Модель теперь не. . .
сукцессия 30. Массив проверяющих друг друга моделей
anaschu 18.07.2026
Архитектура сети взаимопроверяющих моделей микоризной сукцессии (v2. 0) Развитие тензорного ОДУ-ядра и создание кросс-платформенного калибровочного полигона Уважаемые коллеги! В продолжение. . .
Грибы - это женщины, деревья - это мужчины. Анти инь янь для союза мужчины и женщины.
anaschu 18.07.2026
ГЛАВНЫЙ НАУЧНО-ФИЛОСОФСКИЙ ВЫВОД: Сексуально-Репродуктивный Капитализм против Государства Моногамии Коллеги, мы вышли на финишную прямую 20-мерного ОДУ-моделирования вековой сукцессии (ветка. . .
Текстовый слайдер с нумерацией страниц и кроссбраузерность.
russiannick 18.07.2026
Один мой друг написал текстовый слайдер с нумерацией страниц. Сегодня я расскажу как он умудрился подружить его с кроссбраузерностью. Очевидно сложно угодить с шириной каждому браузеру. Один крадет. . .
Грибы - это мемы, дерево - это человек. Применение микоризной модели к теории меметики Докинза.
anaschu 18.07.2026
Меметический изоморфизм теории «всего»: Грибная сукцессия как модель эволюции идей Докинза Базовый код системы ОДУ микоризной сукцессии описывает не просто биологию, а универсальную. . .
Грибы - это корпорации, деревья - это государства. Механизм массонского захвата власти
anaschu 18.07.2026
Макроэкономический изоморфизм теории «всего»: Грибная сукцессия как модель транснационального капитализма Базовый код системы ОДУ микоризной сукцессии описывает не просто биологию, а. . .
Расчёт периметра прямоугольника по координатам вершин
Maks 18.07.2026
Решение задачи по прикладной информатике средствами 1С. Задача: Вычислить периметр прямоугольника, заданного координатами своих вершин на плоскости. Решение: Создан документ со следующими. . .
Подсчёт частоты трёхбуквенных слов в тексте
Maks 18.07.2026
Решение задачи по прикладной информатике средствами 1С. Задача: Выясните, сколько раз в предложенном тексте встречается каждое трехбуквенное слово. Решение: Создан документ с единственным. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Условия использования - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru