Для меня как новичка было сложно ещё понять все фрагменты кода но, это видео показатель какого то высокого уровня js, автору всех благ и по больше видео по js
Спасибо. Все когда-то были новичками, так что это знакомо. Если есть желание разобраться, то и знания с опытом подтянутся :) Что бы Вам, как новичку, хотелось разобрать в JS?
Спасибо за видео. В какой-то момент в начале запутался с идеями о том как работать с глобалтным объектом `cache` но его по суть примерно попозже стала немного понятна. все же Стоило 1 предложением объяснить что это за CacheStorage и его суть ...
И у Вас нет скобок на 11:50 в index.js 8 строка в navigator.serviceWorker.ready.then(onWorkerReady()) после вызова функции. В простой лендинг-странице ууууу сколько времени потратилось пока запустилось. Но всё равно благодарю, Ваше видео, + MDN в итоге запустили шайтан машину )) 👍
Вот эта вот только задача осталась: в консоли ругается на serviceWorker.js:42 Uncaught (in promise) TypeError: Failed to execute 'put' on 'Cache': Request scheme 'chrome-extension' is unsupported at serviceWorker.js:42:23 Не нравится cache.put(req, responseClone). Что ему надо 🤔?
Скобки не нужны. Это ссылка на обработчик. Если поставить скобки то функция вызовется до события и обработчиком станет результат работы функции, а это undefined ;)
Ролик крутой, может сделаете видео пожалуйста на тему обработку формы через Ajax, очень надо для Реал фронт junior это круто было бы , а ещё хотел бы связаться с вами , очень надо , инста или телеграмм )))
Добрый день. Вас интересует именно xmlhttprequest, или любой асинхронный запрос? Если что-то хотите спросить, не стесняйтесь, спрашивайте. Если информация конфиденциальна, то я этим не занимаюсь ;) Работа не интересует, сайты не взламываю, разводом не занимаюсь. 🙂 Спасибо, что смотрите.
Спасибо вам большое за код и видео! Это единственный код, который помог мне сделать моё приложение offline, все остальные примеры по факту просто не рабочие (люди проверяли свой код локально, который при любых обстоятельствах будет работать), вот эти все попытки при фетче делать просто caches.match(event.request).then((response) => { return response || fetch(event.request) }) - бесполезны и только у вас это правильно обрабатывается! Единтсвенное что хотелось бы уточнить. У меня не всегда с первого раза все мои файлы попадают в кэш, бывает приходиться перезагружать страничку второй раз, возможно нужно делать апдейт кэша не при событии install, а возможно и в activate, как вы считаете?
Добрый день. К сожалению, то о чем Вы пишите, это правда. Очень много примеров, которые реально никто нигде не проверял, кроме локалхоста и дев окружения. А это, конечно, не правильно. Да, вы правы, у меня в примере файлы в кеш добавляются при установке это правильно, в том случае если файлы уже не меняются. Это нормальная ситуация для полностью оффлайнового приложения - ему не откуда взять новые файлы, сервера то в оффлайне нет. Но данный подход обычно используются не для оффлайновых приложений, а для приложений, которые работают онлайн, но иногда могут оказаться и в оффлайне. Например, нет вышек поблизости или в туннель заехали. Дополнительные события для обновления файлов лишними не будут. Только проверяйте все возможные ситуации внимательно. Удачи.
Здравствуйте! Страницу “page3.html” вы не добавили в кеш но она все равно осталась закешированной, как я понял ее закешировал браузер. И даже после очистки кеша страница page3.html все еще была доступна, вопрос в чем тогда смысл service worker в вашем примере?
Добрый день. Страницы html попадают в кэш при первом обращении. Не обязательно это делать руками. Но если перед первой загрузкой отключить сеть, то будет проблема. Смысл service worker в том, что без него web приложение работать оффлайн не сможет.
Спасибо за ваш труд!
Для меня как новичка было сложно ещё понять все фрагменты кода но, это видео показатель какого то высокого уровня js, автору всех благ и по больше видео по js
Спасибо. Все когда-то были новичками, так что это знакомо. Если есть желание разобраться, то и знания с опытом подтянутся :) Что бы Вам, как новичку, хотелось разобрать в JS?
Спасибо за видео!
Очень интересные и не банальные темы рассказываешь.
Желаю побольше просмотров и подписчиков!)
Спасибо на добром слове, стараюсь :)
Спасибо, очень интересно и полезно! Подписался 😌
И Вам спасибо за просмотр и поддержку
Spasibo vam!!!!
Спасибо))
B Вам спасибо. :)
очень крутое видео
фонова музика дуже заважає
Спасибо за просмотр, принято 🫡. В более поздних роликах уже лучше. Вообще без фоновой еще хуже - запись идет не в студии и много посторонних шумов.
спасибо!
Спасибо за просмотр
Спасибо за видео. В какой-то момент в начале запутался с идеями о том как работать с глобалтным объектом `cache` но его по суть примерно попозже стала немного понятна. все же Стоило 1 предложением объяснить что это за CacheStorage и его суть ...
Здравствуйте! Так вот на 14:01 делается полная очистка кэша из браузера. Откуда тогда загружаются файлы? Их же нет больше 🤷
И у Вас нет скобок на 11:50 в index.js 8 строка в
navigator.serviceWorker.ready.then(onWorkerReady()) после вызова функции. В простой лендинг-странице ууууу сколько времени потратилось пока запустилось.
Но всё равно благодарю, Ваше видео, + MDN в итоге запустили шайтан машину )) 👍
Нашёл. Оказывается srviceWorker должен быть в корневой папке УУУУУУУУУУУУУУ 😁
Вот эта вот только задача осталась: в консоли ругается на
serviceWorker.js:42 Uncaught (in promise) TypeError: Failed to execute 'put' on 'Cache': Request scheme 'chrome-extension' is unsupported
at serviceWorker.js:42:23
Не нравится cache.put(req, responseClone). Что ему надо 🤔?
Короче - ругается, - но работает 😂😂😂
Скобки не нужны. Это ссылка на обработчик. Если поставить скобки то функция вызовется до события и обработчиком станет результат работы функции, а это undefined ;)
Ролик крутой, может сделаете видео пожалуйста на тему обработку формы через Ajax, очень надо для Реал фронт junior это круто было бы , а ещё хотел бы связаться с вами , очень надо , инста или телеграмм )))
Добрый день. Вас интересует именно xmlhttprequest, или любой асинхронный запрос? Если что-то хотите спросить, не стесняйтесь, спрашивайте. Если информация конфиденциальна, то я этим не занимаюсь ;) Работа не интересует, сайты не взламываю, разводом не занимаюсь. 🙂 Спасибо, что смотрите.
Хорош 👍
Спасибо вам большое за код и видео!
Это единственный код, который помог мне сделать моё приложение offline, все остальные примеры по факту просто не рабочие (люди проверяли свой код локально, который при любых обстоятельствах будет работать), вот эти все попытки при фетче делать просто
caches.match(event.request).then((response) => {
return response || fetch(event.request)
})
- бесполезны и только у вас это правильно обрабатывается!
Единтсвенное что хотелось бы уточнить.
У меня не всегда с первого раза все мои файлы попадают в кэш, бывает приходиться перезагружать страничку второй раз, возможно нужно делать апдейт кэша не при событии install, а возможно и в activate, как вы считаете?
Добрый день.
К сожалению, то о чем Вы пишите, это правда. Очень много примеров, которые реально никто нигде не проверял, кроме локалхоста и дев окружения. А это, конечно, не правильно.
Да, вы правы, у меня в примере файлы в кеш добавляются при установке это правильно, в том случае если файлы уже не меняются. Это нормальная ситуация для полностью оффлайнового приложения - ему не откуда взять новые файлы, сервера то в оффлайне нет.
Но данный подход обычно используются не для оффлайновых приложений, а для приложений, которые работают онлайн, но иногда могут оказаться и в оффлайне. Например, нет вышек поблизости или в туннель заехали.
Дополнительные события для обновления файлов лишними не будут. Только проверяйте все возможные ситуации внимательно. Удачи.
Здравствуйте!
Страницу “page3.html” вы не добавили в кеш но она все равно осталась закешированной, как я понял ее закешировал браузер. И даже после очистки кеша страница page3.html все еще была доступна, вопрос в чем тогда смысл service worker в вашем примере?
Добрый день.
Страницы html попадают в кэш при первом обращении. Не обязательно это делать руками. Но если перед первой загрузкой отключить сеть, то будет проблема.
Смысл service worker в том, что без него web приложение работать оффлайн не сможет.
Спасибо за видео!
Большое спасибо за просмотр.