Что быстрее; рисование линии или создание div?

Question

Я работаю с Javascript / jQuery и пытаюсь выяснить, что является более выгодным. Я хочу нарисовать одну линию, которая будет динамически, в соответствии с событиями, изменять свою высоту, она будет иметь ширину всего 1 пиксель и будет мигать на сайте. Должен ли я создать просто обычный div с шириной 1px или нарисовать линию с какой-нибудь библиотечной функцией javascript?

Answer 1

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

Answer 2

Я бы просто использовал div, поскольку вы знаете, что он совместим с несколькими браузерами и мобильными браузерами.Если вы используете какую-либо библиотечную функцию javascript, то вы можете обнаружить, что она не работает в определенных браузерах / обновлениях браузера.

Кроме того, она дает вам преимущество стилизации с помощью css, который опять-таки совместим с несколькими браузерами.*

Answer 3

Если вы используете canvas или какую-либо библиотеку svg для рисования линий, то она будет очень совместима с различными браузерами ..

Также потребуется гораздо больше обработки ...

Так чтодля этой цели лучше использовать div ...

Answer 4

HTML / CSS определенно быстрее, хотя вы не сможете достичь того, чего хотите, с ним.