Size: a a a

Front-end developers

2020 October 20

B

Bohdan in Front-end developers
Так же, если вы конкретно хотите разогнать выдачу статического контента (картинки, стили\скрипты) то с этой задачей отлично справляется nginx.
Это не на все случаи жизни, но может быть полезно почитать про конфигурацию apache + nginx.
источник

SE

So Easy in Front-end developers
So Easy
Простенькое правило и то не назвать так
<FilesMatch "\.([Pp][Hh][Pp]|[Cc][Gg][Ii]|[Pp][Ll]|[Pp][Hh][Tt][Mm][Ll])\.?">
  Order allow,deny
  Deny from all
</FilesMatch>
<FilesMatch «.(gif|jpeg|png|js|css|ico)$»>
Header set Cache-Control «max-age=1234000»
</FilesMatch>
Есть ли в этом какой-то толк? Либо это лучше убрать?
источник

B

Bohdan in Front-end developers
Вы для продакшена или для разработки спрашиваете?
источник

SE

So Easy in Front-end developers
Для разработки
источник

B

Bohdan in Front-end developers
Ну, для разработки главное выключить кеширование скриптов и стилей.
Остальное, например можно в хроме выкрутить при помощи опции disable cache в девтулах.
источник

B

Bohdan in Front-end developers
So Easy
Простенькое правило и то не назвать так
<FilesMatch "\.([Pp][Hh][Pp]|[Cc][Gg][Ii]|[Pp][Ll]|[Pp][Hh][Tt][Mm][Ll])\.?">
  Order allow,deny
  Deny from all
</FilesMatch>
<FilesMatch «.(gif|jpeg|png|js|css|ico)$»>
Header set Cache-Control «max-age=1234000»
</FilesMatch>
#Initialize mod_rewrite
RewriteEngine On
<FilesMatch "\.(html|htm|js|css)$">
 FileETag None
 <IfModule mod_headers.c>
   Header unset ETag
   Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
   Header set Pragma "no-cache"
   Header set Expires "Wed, 12 Jan 1980 05:00:00 GMT"
 </IfModule>
</FilesMatch>
источник

SE

So Easy in Front-end developers
Ну вот было дело, что я недавно сделал пару дел, загрузил на хостинг, а там эти элементы без стилей
источник

B

Bohdan in Front-end developers
So Easy
Ну вот было дело, что я недавно сделал пару дел, загрузил на хостинг, а там эти элементы без стилей
Ну если это был именно апдейт приложения на хосте, то просто старые стили были закешированы.

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

Как пример <link href="style.css?ver=1.0.0"/>
Таким образом, после обновления стилей до новой версии
1.0.1 у пользователей загружаются и потом кешируются скрипты для новой версии.
источник

B

Bohdan in Front-end developers
Для удобства в том же WP есть глобальная константа текущей версии темы
источник

SE

So Easy in Front-end developers
Bohdan
#Initialize mod_rewrite
RewriteEngine On
<FilesMatch "\.(html|htm|js|css)$">
 FileETag None
 <IfModule mod_headers.c>
   Header unset ETag
   Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
   Header set Pragma "no-cache"
   Header set Expires "Wed, 12 Jan 1980 05:00:00 GMT"
 </IfModule>
</FilesMatch>
Спасибо большое, буду разбираться, читать, что и как, можно подробнее пожалуйста? ЧТо это даёт?
источник

B

Bohdan in Front-end developers
1. mod_rewrite , если простым языком, говорит что этот файл будет переписывать стандартные правила, указанные в конфигурации движка.
2. FileMatch - директива, где в атрибутах указывается  какие файлы затронуть в формате регулярного выражения
3. IFModule - директива, которая проверяет, существует  ли модуль. В данном случае существует ли м тот что отвечает за заголовки, а имено через них браузер получает информацию о том что и как кешировать.
4. Выставляются все возможные значения кеша в заголовках, понятные для большинства браузеров.
источник

B

Bohdan in Front-end developers
по поводу директивы  IfModule   и модуля mod_rewrite.
очень часто бывает ситуации где многи модули либо не активны с самого начала, либо вообще не ставятся за ненадобностью (простые статические сайты как пример, хотя тут бог nginx)

Например, если вы попробуете воспользоваться функционалом модуля mod_rewrite и он не будет установлен в самом apache последний выдаст ошибку.
Для этого и существует дериктива ifModule. Ее содержимое просто не выполнится, если такого модуля не существует.
источник

B

Bohdan in Front-end developers
So я бы рекомендовал вам просмотреть туториалы а потом оф. документацию.
Возможно, если вам предстоит в дальнейшем работать в бэк-энде или обслуживать сети, стоит еще пройти ознакомительный курс по компьютерным сетям.
(Что бы понимать стак TCP/IP хотя бы)
источник

SE

So Easy in Front-end developers
Bohdan
So я бы рекомендовал вам просмотреть туториалы а потом оф. документацию.
Возможно, если вам предстоит в дальнейшем работать в бэк-энде или обслуживать сети, стоит еще пройти ознакомительный курс по компьютерным сетям.
(Что бы понимать стак TCP/IP хотя бы)
Хорошо, так и сделаю. Огромное спасибо, не каждый так будет расписывать,  надеюсь я не буду в бэкенде, серверная часть очень трудна для меня, но всё идёт к этому, не стоим на месте. Мне нужна информация, где можно научиться понимать js,  я как только начал учить python, ну очень лёгкий язык, читабельный и приятный синтаксис, а вот в js,  не очень понимаю, как и когда использовать определенные методы, надеюсь вы знаете, поделитесь опытом 😊
источник

SE

So Easy in Front-end developers
Не могу сравнивать python и js, они сильно отличаются, я как пример сказал
источник

B

Bohdan in Front-end developers
So Easy
Хорошо, так и сделаю. Огромное спасибо, не каждый так будет расписывать,  надеюсь я не буду в бэкенде, серверная часть очень трудна для меня, но всё идёт к этому, не стоим на месте. Мне нужна информация, где можно научиться понимать js,  я как только начал учить python, ну очень лёгкий язык, читабельный и приятный синтаксис, а вот в js,  не очень понимаю, как и когда использовать определенные методы, надеюсь вы знаете, поделитесь опытом 😊
тут мне сложно посоветовать.
Я выучил сначала С\С++ у Универе, там же Шарп и познакомился с джавой.
По моему скромному мнению, оптимальной комбинацией является строго типизированный  ООП язык и такая дисциплина как алгоритмы и структуры данных. т.е оптимально это:
С# / АСД или Java/АСД
(шарп предпочтительнее, он более удобный и красивый).

Но если у вас получится осилить Си\Си++ и вы хотите понимать как вообще работает оперативная память, да и быть ближе к железу, то этот язык вам подходит.

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

SE

So Easy in Front-end developers
C/c++ как я понял очень похож на js,  я много где читал, что так и есть, из-за них, можно понимать остальные языки, лучше не начинать с python?
источник

B

Bohdan in Front-end developers
So Easy
Хорошо, так и сделаю. Огромное спасибо, не каждый так будет расписывать,  надеюсь я не буду в бэкенде, серверная часть очень трудна для меня, но всё идёт к этому, не стоим на месте. Мне нужна информация, где можно научиться понимать js,  я как только начал учить python, ну очень лёгкий язык, читабельный и приятный синтаксис, а вот в js,  не очень понимаю, как и когда использовать определенные методы, надеюсь вы знаете, поделитесь опытом 😊
Как вариант, если нету времени\желания учить другие языки, очень сильным подспорьем будет разбирать всякие блиблиотеки.

На пример gsap или lodash.
В обоих случаях используются шаблоны проектирования и какие то знания из асд.
источник

SE

So Easy in Front-end developers
В универе, по крайней мере в моём, есть предмет АСД, но вот в нём это python,  ни-че-го общего с АСД там нет, чистейший бред
источник

B

Bohdan in Front-end developers
So Easy
C/c++ как я понял очень похож на js,  я много где читал, что так и есть, из-за них, можно понимать остальные языки, лучше не начинать с python?
да, пайтон, пхп, джаваскрипт, джава, сишарп и так далее - это все си подобные языки.
источник