20 простых, но полезных приемов программирования на JavaScript, которые стоит использовать

Хотел бы я знать их раньше.

1. Прокрутите вверх страницы

Мы можем использовать window.scrollTo() для плавной прокрутки вверх страницы.

2. Прокрутите страницу вниз.

Конечно, если вы знаете высоту документа, вы также можете плавно прокрутить страницу вниз.

3. Прокрутите элементы до видимой области

Иногда нам нужно прокрутить элементы в видимую область, что нам делать? Достаточно использовать scrollIntoView.

4. Отобразите элемент в полноэкранном режиме.

Вы наверняка сталкивались с таким сценарием, где нужно воспроизвести видео на весь экран и открыть страницу на весь экран в браузере.

5. Выйдите из полноэкранного режима браузера.

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

6. Получите тип данных

Как получить тип данных переменной с помощью функции?

6. Прекратите всплывать события

Необходим метод предотвращения всплытия событий, работающий на всех платформах.

7. Глубокое копирование объекта

Как скопировать глубоко вложенный объект?

8. Определение типа устройства

Нам часто приходится делать это, чтобы показать логику А на телефоне и логику Б на ПК. По сути, тип устройства определяется путем распознавания userAgent браузера.

9. Определите, является ли устройство Android или IOS

В дополнение к различению, является ли это мобильным или ПК, нам часто нужно также различать, является ли текущее устройство Android или IOS.

10. Получите тип браузера и его версию

Как фронтенд-разработчик, вы можете столкнуться с различными проблемами совместимости. В настоящее время вам может потребоваться получить информацию о типе и версии браузера.

11. Установить куки

Файл cookie, вероятно, является худшим API, который я когда-либо видел, его настолько сложно использовать, что нам пришлось повторно инкапсулировать его, чтобы максимизировать эффективность нашей разработки.

12. Получить куки

Помимо записи в cookie, мы также будем участвовать в операции его чтения.

13. Удалить куки

В чем идея удаления куки? На самом деле, просто установите его время истечения на этот момент, и он немедленно истечет.

14. Генерация случайной строки

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

15. Сделайте первую букву строки заглавной

16. Генерация случайных чисел в указанном диапазоне

Возможно, в целях тестирования мне часто нужно генерировать случайные числа в определенном диапазоне.

17. Перетасовать порядок массива

Как перетасовать исходный порядок массива?

18. Получить случайное значение из массива

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

19. Первый способ форматирования денег

Источник отсюда.

Есть много способов отформатировать деньги, например эти два способа.

20. Второй способ форматирования денег

Источник отсюда.

Регулярные выражения доставляют нам слишком много головной боли, не так ли? Поэтому нам нужно найти более простой способ форматирования денег.

Мне этот способ слишком нравится, он простой и понятный.

Окончательно

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

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord . Заинтересованы в хакинге роста? Ознакомьтесь с разделом Схема.