с @media сложность - то что контент у элементов динамический - текста может быть мало, а может быть много. Вот я поэтому призадумался)

хочеться менять размеры элементов тока когда "реально прижмет" - тобишь поедет верстка))

ну там можно @media screen and (max-height) или ещё что-то придумать

появилась одна идейка для чудо-универсального костыля 🚀))) попробую замутить - скину сюда если че получится

появилась одна идейка для чудо-универсального костыля 🚀))) попробую замутить - скину сюда если че получится

Костыли конечно такое, лучше макет нормальный выбрать (или дизайнера пинать) и прописывать через медиа max-width, но ты всё равно скинь)

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

Если необходимо отлавливать эти моменты при ресайзе контента элементов, можешь поискать resize observer'ы.

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

И цеплять какую-то логику в твоем случае, либо менять классы

Конкретную либу не подскажу, так как юзал такой подход только с либой для vue.

подскажите нормальный хостинг с поддержкой js

любой поддерживает жс

любой поддерживает жс

не сталкивался с этим, поэтому спросил, везде где смотрел пишется только поддержка php, а мне по идее нужен js и python

тебе бэк на жсе нужен?

нет, бек буду на python реализовывать

склоняюсь к аренде VDS сервера и установке на нем apache + python + nodejs + dns раньше был опыт администрирования серверов, вот наверное и пригодится теперь )))

Подскажите пожалуйста: есть third-party библиотека, которая импортится в глобальном контексте, только через <script src=…/>. С вебпаком, она работает через script-loader, но как импортировать ее в глобальном контексте через обычный импорт или require?

склоняюсь к аренде VDS сервера и установке на нем apache + python + nodejs + dns раньше был опыт администрирования серверов, вот наверное и пригодится теперь )))

так фронтовая часть на любом хостинге по дефолту идет

даже на pages.github

так фронтовая часть на любом хостинге по дефолту идет

т.е. js на любом хостинге для фронта будет? гляньте пожалуйста ihor там будет поддержка js или нет, а то я не могу там найти про это ни чего

да этого не описано будет

а какой минимум по железу вообще требуется для Node.js 2 гига оперативы хватит или нужно больше? задачи там выполняться будут не сложные, в основном фронт на нем

смотря что ты будешь разработывать

ну я бы взял минимум 4гб и пару ядер

но я уже тут не эксперт

но я уже тут не эксперт

в принципе у меня VDS есть с 2 ядрами и 2 гигами, т.е. имеет смысл добрать пару гигов тогда и до кучи пару ядер, тогда точно наверное хватит )))

мне 1 ядра и 512 озу хватает на несложные задачи

под сборку или npm install иногда выделяю своп, если не хватает

под сборку или npm install иногда выделяю своп, если не хватает

в смысле выделяешь своп? под никсами у тебя с 512 мб без свопа система пашет?

Вы используете инпут файл для загрузки файлов?

Рыбзя

Или чето другое?

Никогда не юзал что-то иное, чем input type="file", после того как юзер выбрал файт можешь делать всё что хочешь уже через js, но до этого только инпут, может есть другие методы, но мне инпута всегда выше крыши хватает

вот мне как раз это и надо, только плюс ко всему надо отдыхать можно было выбрать сразу несколько файлов и они отображались внизу, можно было их удалить при нажатии на крестик

Подскажите кто в курсе Я вешаю обработчики событий на елемент вод так .on('change input keyup cut paste', 'el', function () { console.log( true ); })В консоле вижу две записи true, то есть функция отработал два раза, а мне нужно чтобы один раз отработала, при любом из событий. Даже если сразу два события наступили. Как мне это сделать ?

Всем привет. Ребята есть сайт https://n-s.com.ua/ . Не могу содержимое всех элементов с id='number_substitution'. В консоли пишу обращение к элементу var elems = document.getElementById('number_substitution'); console.log(elems); Он возвращает мне одно значение, а не коллекцию элементов. Хотя их минимум два. Пожете подсказать что не так. пол дня сижу над этим

Всем привет. Ребята есть сайт https://n-s.com.ua/ . Не могу содержимое всех элементов с id='number_substitution'. В консоли пишу обращение к элементу var elems = document.getElementById('number_substitution'); console.log(elems); Он возвращает мне одно значение, а не коллекцию элементов. Хотя их минимум два. Пожете подсказать что не так. пол дня сижу над этим

const elems = documentQuerySelectorAll('#number_substitution'')

Всем привет. Ребята есть сайт https://n-s.com.ua/ . Не могу содержимое всех элементов с id='number_substitution'. В консоли пишу обращение к элементу var elems = document.getElementById('number_substitution'); console.log(elems); Он возвращает мне одно значение, а не коллекцию элементов. Хотя их минимум два. Пожете подсказать что не так. пол дня сижу над этим

Чувак, айдишники штуки уникальные, на странице должен быть лишь один элемент с определенным id, это каждый должен знать. Решение: юзай классы или querySelectorAll как уже подсказали выше

У тебя не валидный код, браузер должен был ругаться в консоли на это

вот мне как раз это и надо, только плюс ко всему надо отдыхать можно было выбрать сразу несколько файлов и они отображались внизу, можно было их удалить при нажатии на крестик

Гугли в сторону input type=file multiple=multiple и formData js

Перестаньте думать об интерфейсе как о конструкции языка и начните думать о нем, как об определенном контракте, по которому взаимодействуют два объекта. Все сразу встанет на свои места. (:

Хорошо) а есть примеры простые?

@cosmoCoder , Sergey , @Daniliantz . Кароче сделал че хотел на хендлере ресайза элемента - это треш получился ходячий)) работает тока в вакууме. Че делать если элемент уже лег "кривым" на страницу - тут вообще не определить. Кароче придеца в итоге всё равно @media юзать 😄

Зато опыт получил)

ага) успокоил душу 😄

const elems = documentQuerySelectorAll('#number_substitution'')

спасибо. все вышло

это понятно, вопрос кому это нужно кроме поисковиков при условии граммотного использования code splitting

code splitting это о другом

представь, в типичном PWA нужно - Скачать, распарсить, выполнить логику js Которая умеет ходить в апи - Дальше обычно инициализация редакса или что там у тебя - Мы наконец сделали свой запрос в АПИ - Ответ из Апи отправили в редакс который тригернул рендер И все это последовательная цепочка действий которая не распаралеливается

в случае SSR клиенту отдается сразу заполненая данными из апи страница

и это круто с учетом того что отличия кода для SSR от кода без него минимальны

представь, в типичном PWA нужно - Скачать, распарсить, выполнить логику js Которая умеет ходить в апи - Дальше обычно инициализация редакса или что там у тебя - Мы наконец сделали свой запрос в АПИ - Ответ из Апи отправили в редакс который тригернул рендер И все это последовательная цепочка действий которая не распаралеливается

разве код не придет на сторону клиента еще до запроса к апи?

разве код не придет на сторону клиента еще до запроса к апи?

в случае PWA без SSR первым запросом прилетит бандл с бизнес логикой

которая умеет с клиента ходить за данными

Как отобразить все изображения слайдера в печатной версии страницы

тот же медиа запрос @media

И тут я заметил что есть такой канал с названием media и они неплохую рекламу получили кстати

м

в обычном жс нету тогл

?

И тут я заметил что есть такой канал с названием media и они неплохую рекламу получили кстати

😂😂😂

Ребят помогите понять , результат тот же но хочу понять какое решение лучше ? или вообще это не "решение" ? :) Есть URL с параметром "domain", https://xxx.com/?domain=brickhot а на сервере xxx.com есть index.html задача которого открыть в невидимый iframe другой сайт. Я получил 2 варианта кода который это решает но, не могу понять какой из них выглядит решением для всех браузеров и какой нет ? ______________________1___________________________ <script> var params = new URLSearchParams(document.location.search.substring(1)); var domain = params.get("domain"); var tld = '.com'; var uri = 'https://' + domain + tld; console.log(ifram); function pxl(pix) { var x = document.createElement("IFRAME"); x.setAttribute("src", uri); document.body.appendChild(x); ocument.getElementById('pix').src = pxl; } </script> <iframe id="pix" src="about:blank" style="width:0;height:0;border:0; border:none;"></iframe> ______________________2___________________________ <script src="https://code.jquery.com/jquery-3.3.1.js"></script> <iframe id="px" src="" style="width:0;height:0;border:0; border:none;" ></iframe> <script type="text/javascript"> var f = new URLSearchParams(document.location.search.substring(1)); var k = f.get("subid"); var y = '.com/bw/worlds.html'; var u = 'https://' + k + y; $(document).ready(function() { $('#px').attr('src', u); }) </script>

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

angularjs

а все пох на этот тогл

Привет всем Друзья помогите понять одну вещь До этого делал сайты в основном лэндинги и корпоративные, работал с cms-ками WordPress, OpenCart, использовал обычную связку html+js+jQuery+php, потом пришел в одну компанию где собственно сейчас и работаю, здесь уже занимаюсь автоматизацией бизнес процессов, здесь работает один мужик лет 40, он познакомил меня с сервлетами и Java в целом, поэтому сейчас использую связку html+js+jQuery+php(просто как прокладка между js и сервлетами)+servlet Так вот с ним я как-то пропустил бурное развитие фрэйемворков, сейчас начал изучать, из-за популярности выбрал angular И я так и не могу понять для чего он нужен, как я понимаю фрэйемворк должен облегчать жизнь программисту, а я сейчас изучая не вижу ничего лёгкого, да сам подход там правильный, модульная архитектура и все такое, но зачем это использовать на обычных сайтах, почему такая шумиха над этими фрэйемворками или что сейчас все разрабатывают такие крупные ресурсы как habr или Facebook Или может ресурс для изучения выбрал неправильный, изучаю по видео с канала webdeveloperblog, он больше просто показывает что есть а ангуляр и как это пишется но сам по-моему не особо понимает как это работает, в документацию пока не лезу потому что хочу понять основы

С точки зрения пользователя, суть в том, что от него скрыты по сути всякие перезагрузки страниц и он работает как с настольным приложением. Все подгрузки данных и прочие штуки происходят на фоне. С точки зрения разработчика - всё разбивается на модули, компоненты с инкапсуляцией, чётким разделением обязанностей. На "обычных" сайтах вроде лендосов или корпоративных сайтах его использовать я смысла не вижу, но вот в скрытых от поисковиков админ-панелях и комплексных приложениях его использование вполне обосновано. @pissarenko

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

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

можете пожалуйста объяснить это высказывание не совсем понял чем отличается отправка запросов в angular от обыного ajax?

Ну… обычный ajax какого рода? Который в jQuery?

Ну… обычный ajax какого рода? Который в jQuery?

да

jQuery предоставляет методы для работы с ajax, в Angular же всё реализуется на классах TypeScript.

Есть специальный класс, его инстанс включается куда нужно с помощью DI, которая сама по себе хорошая штука. jQuery в отличие от этого, по сути - singleton, который глобально везде есть, что само по себе не очень хорошая практика. Далее объект класса HttpClient можно использовать внутри методов каких-нибудь сервисов для получения данных.

Кроме того, в Angular в таких запросах используется Observable из RxJS, которые можно обрабатывать, например, через pipe-методы, что может быть достаточно удобно и наглядно во многих случаях.

Ну, и как я сказал, можно использовать не только HTTP-запросы, а также, например WebSocket. В jQuery работа с WebSocket реализуется через какие-то дополнительные плагины, но я с ними лично не сталкивался, поэтому ничего сказать об этом не могу.

Могу сказать то, что в нашем проекте мы все данные передаём по WebSocket, что снижает нагрузку как на клиент и сервер, так и на сеть в целом, снижает задержки. Не нужно делать регулярный poll данных. Данные постоянно рассылаются сервером на клиенты, и poll здесь вообще не резонно использовать с помощью ajax-запросов.

У нас внутри Angular это всё аккуратно завёрнуто в сервис специальный, который умеет обрабатывать такие запросы и выдавать на выходе то, что нужно определённым компонентам, которые слушают такие обновления данных, приходящие с сервера.

Понятно, что всё это можно сделать и без помощи фреймворков, на чистом JS, но это будет не так аккуратно структурировано, что в свою очередь может приводить к ошибкам в коде из-за невнимательности, усложнять поддержку и т.д.

Надеюсь, что ответил на ваш вопрос 🙂

Если в чём-то некорректен - поправьте, пожалуйста.

Могу сказать то, что в нашем проекте мы все данные передаём по WebSocket, что снижает нагрузку как на клиент и сервер, так и на сеть в целом, снижает задержки. Не нужно делать регулярный poll данных. Данные постоянно рассылаются сервером на клиенты, и poll здесь вообще не резонно использовать с помощью ajax-запросов.

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