Чему DOM может научить нас на стыке здоровья и технологий

Интернет раньше выглядел примерно так

и жизнь выглядела намного больше, как это

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

Вопрос в том, как мы можем получить свой пирог и съесть его? Как мы можем жить в нашей стремительной, загруженной уведомлениями, цифровой жизни, пожинать все ее преимущества, но при этом не быть перегруженными ею?

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

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

Общее мнение состоит в том, что создание «звука» зависит от определения «звука». Если мы определим звук как вибрацию воздушных волн, отражающихся в воздухе в районе падения дерева, то да, это «звук». Однако факт остается фактом: только барабанная перепонка или записывающее устройство (передавая его на барабанную перепонку) могут взять эти эфирные волны и сделать из них что-то осмысленное. Превратите звуковые волны в музыку, искусство, общение и самовыражение.

Браузеры, как и люди, так же волшебны. Они берут строки, казалось бы, бессмысленного «мертвого» кода и превращают их во что-то очень живое и отзывчивое. Эта магия происходит в так называемой «DOM» или объектной модели документа, и она видна и доступна всем в инструментах разработчика в каждом браузере (ниже показано, как получить к ней доступ). DOM берет «документ» кода, который он получает от хостинг-сервера, и отображает страницу в «окне» браузера.

С появлением динамических и отзывчивых страниц, помимо того, что DOM волшебным образом отображает код веб-страниц, он использует JavaScript (сердце современной сети), чтобы реагировать и создавать новые элементы для отображения в ответ на события и действия пользователей. .

Эволюция браузеров отражает нашу собственную. Мы постоянно придаем смысл окружающему нас опыту с помощью нашего внимания и органов чувств, тем самым представляя наш «документ» нашему осознанию. Точно так же мы научились реагировать на постоянно увеличивающееся количество «событий» и стимулов в нашей жизни, которые тем самым создают дополнительные элементы мыслей, чувств и эмоций в режиме реального времени.

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

Сообщения об ошибках браузера находятся в разделе «Консоль» инструментов разработчика.

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

Однако настоящее волшебство заключается не в получении сообщений с консоли, а в отправке сообщенийна нее с помощью команды console.log.

Console.log — лучший друг веб-разработчика. Он отправляет сообщение на консоль, как только эта строка кода сталкивается с чтением (анализом) DOM через «документ». Когда происходит событие браузера, такое как «щелчок», файл console.log, помещенный в эту функцию, может отправить сообщение, подтверждающее определенные переменные, или просто сообщить разработчику, что функция работает.

Так же и в мире людей. Помимо того, что мы помним о наших внутренних элементах и ​​сообщениях об ошибках, мы можем размещать преднамеренные консольные сообщения для себя, когда нас вызывают определенные события. Например, если кто-то замечает, что определенная социальная ситуация вызывает тревогу, сопротивляться этим неприятным чувствам прямо или наоборот, полностью игнорировать их и позволять им размышлять и «зацикливаться» снова и снова — это как рецепты сообщений об ошибках, так и возможная авария.

Вместо этого альтернативным подходом было бы позволить этим элементам всплыть на поверхность, потому что они действительны и рассказывают вам что-то о вашем опыте. Делая заметки в своем ментальном console.log («Сейчас я чувствую себя неуверенно из-за xyz» или «О, опять это странное чувство»), вы можете создать дополнительное пространство и перспективу для подобных триггеров в будущем.

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

Однако, признавая, что мы несем ответственность за нашу внутреннюю «DOM» и имеем доступ к нашим внутренним «инструментам разработчика», мы можем поддерживать бесперебойную работу наших систем, больше улыбаться и, может быть, просто, может быть, в этом быстро меняющемся мире есть наш пирог и ешь тоже.