Добавление server side Open Graph и прочего SEO в существующую SPA
Представьте себе следующую ситуацию: у вас на руках есть SPA с рендерингом полностью на клиенте, и вам необходимо сделать так, чтобы в зависимости от URL было разное содержимое у тега
Например, ваш шеф просит вас сделать так, чтобы при вставке в Телеграм ссылки на французскую версию сайта с query параметром
Как раз в такой позиции я оказался некоторое время назад, и мне на растерзание попался сайт на чистом, старом-добром, клиентском Vue.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Представьте себе следующую ситуацию: у вас на руках есть SPA с рендерингом полностью на клиенте, и вам необходимо сделать так, чтобы в зависимости от URL было разное содержимое у тега
<head>.Например, ваш шеф просит вас сделать так, чтобы при вставке в Телеграм ссылки на французскую версию сайта с query параметром
?hl=fr появлялась превью с французским заголовком и описанием сайта.Как раз в такой позиции я оказался некоторое время назад, и мне на растерзание попался сайт на чистом, старом-добром, клиентском Vue.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Создание функции
В этом примере функция
#функции
В этом примере функция
greet принимает аргумент name и возвращает приветствие.#функции
👍2
Под капотом анимаций в React Native
Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Это вторая и последняя статья из серии как работает React Native (RN) под капотом, на примере анимаций.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Бот-сказочник, или как генерировать истории с помощью ChatGPT и Telegram
Представьте, что вам нужно написать художественный роман. У вас есть ключевые идеи, продуманы основные повороты событий, но нет возможности объединить все в одну историю.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Представьте, что вам нужно написать художественный роман. У вас есть ключевые идеи, продуманы основные повороты событий, но нет возможности объединить все в одну историю.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤3
Изменение прототипа объекта
Если изменить свойство в прототипе, оно изменится и во всех объектах-наследниках
#прототипы
Если изменить свойство в прототипе, оно изменится и во всех объектах-наследниках
#прототипы
❤4👍1
Создаём с нуля своё BIM-приложение для просмотра моделей IFC формата в браузере на основе open-source библиотеки IFC.js
Приложение, о котором пойдёт речь, применимо в архитектурно-строительной области. С развитием информационных технологий, технологий строительства и производства, а также экономической составляющей, появилась необходимость в более эффективном и комплексном подходах в управлении инвестиционно-строительными проектами, что поспособствовало появлению и формированиюТИМ BIM-технологии.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Приложение, о котором пойдёт речь, применимо в архитектурно-строительной области. С развитием информационных технологий, технологий строительства и производства, а также экономической составляющей, появилась необходимость в более эффективном и комплексном подходах в управлении инвестиционно-строительными проектами, что поспособствовало появлению и формированию
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Собственные свойства и прототип
Если у объекта есть собственное свойство с таким же именем, оно перекрывает свойство прототипа
#прототипы
Если у объекта есть собственное свойство с таким же именем, оно перекрывает свойство прототипа
#прототипы
👍1
Обертка для indexedDB / localStorage
Библиотека storage-facade, о которой пойдет речь в этой статье, предоставляет единый синхронный / асинхронный API хранилища, являющийся абстракцией над реальной реализацией хранилища. Для конечного пользователя она упрощает использование любых хранилищ, для которых абстрактный класс из storage-facade будет реализован. Как автор этой библиотеки, расскажу о её использовании.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Библиотека storage-facade, о которой пойдет речь в этой статье, предоставляет единый синхронный / асинхронный API хранилища, являющийся абстракцией над реальной реализацией хранилища. Для конечного пользователя она упрощает использование любых хранилищ, для которых абстрактный класс из storage-facade будет реализован. Как автор этой библиотеки, расскажу о её использовании.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Проверка свойства в прототипе
Оператор
#прототипы
Оператор
in проверяет наличие свойства в объекте или его прототипе#прототипы
👍7
Как грамотный подход аналитиков может сэкономить бюджет компании за счет изменения подхода к реализации проекта
Аналитик достаточно часто встречается с ситуациями, когда нужно выполнить пожелание бизнеса в максимально сжатые сроки. Чаще всего это связано с доработкой интеграции в рамках работы со смежными подразделениями.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Аналитик достаточно часто встречается с ситуациями, когда нужно выполнить пожелание бизнеса в максимально сжатые сроки. Чаще всего это связано с доработкой интеграции в рамках работы со смежными подразделениями.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1👍1
Получение прототипа объекта
С помощью
#прототипы
С помощью
Object.getPrototypeOf можно получить прототип объекта#прототипы
👍5
Ускорение в 30 раз — requestIdleCallback
В данной статье я хотел бы привести пример практического кейса использования метода requestIdleCallback, который возник у меня на проекте. Кейс сам по себе небольшой, замеры времени отработки функции и отрисовки компонентов для использования производились с помощью React Profiler.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В данной статье я хотел бы привести пример практического кейса использования метода requestIdleCallback, который возник у меня на проекте. Кейс сам по себе небольшой, замеры времени отработки функции и отрисовки компонентов для использования производились с помощью React Profiler.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Создание объекта с явно заданным прототипом
Мы создаем объект
#прототипы
Мы создаем объект
Person с явно заданным прототипом Person.prototype#прототипы
👍7
Повышаем продуктивность разработки: магия общей ESLint конфигурации
Статья будет полезна разработчикам: которые хотят унифицировать подход к форматированию кода в разных проектах; ищут проверенное решение для стандартизации кодовой базы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Статья будет полезна разработчикам: которые хотят унифицировать подход к форматированию кода в разных проектах; ищут проверенное решение для стандартизации кодовой базы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Ликбез по распространенным Client-Side уязвимостям
В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этой статье мы покажем:
как в разных ситуациях манипулировать веб-сайтом таким образом, чтобы он передавал пользователям вредоносный JavaScript.
как скомпрометировать администратора сайта, отправив ему личное сообщение;
как атаковать разом всех пользователей при помощи комментария под статьей;
как заставить пользователя отправить запрос на действия, которые он не собирается выполнять;
как прослушивать WebSocket-соединения;
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Создание класса и экземпляра
В этом примере мы создаем класс
#классы
В этом примере мы создаем класс
Animal, который имеет конструктор для инициализации свойства name и метод speak(). Затем мы создаем экземпляр класса dog и вызываем его метод speak().#классы
👍3
Измерение размеров объектов на фотографии
Несколько дней назад, чтобы доказать что в интернете кто‑то не прав, мне пришлось «считать пиксели», чтобы оценить соотношение размеров двух предметов на фото. Тогда еще я не сообразил сразу, что можно было просто загуглить что‑нибудь вроде «Pixel ruler» и получить размер предметов в пикселях, из которого легко можно получить соотношение. Я же взял подручный MS Paint, вырезал один предмет и уместил его несколько раз внутри другого предмета, сразу узнав во сколько раз один больше другого. Но мне вдруг стало интересно немного автоматизировать этот процесс и решил сделать пиксельную рулетку сам, такую что вводишь заранее уже известный тебе размер некоторого объекта, указываешь его на фото в виде линии, и потом уже другие линии автоматом пересчитываются по отношению к этому размеру.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Несколько дней назад, чтобы доказать что в интернете кто‑то не прав, мне пришлось «считать пиксели», чтобы оценить соотношение размеров двух предметов на фото. Тогда еще я не сообразил сразу, что можно было просто загуглить что‑нибудь вроде «Pixel ruler» и получить размер предметов в пикселях, из которого легко можно получить соотношение. Я же взял подручный MS Paint, вырезал один предмет и уместил его несколько раз внутри другого предмета, сразу узнав во сколько раз один больше другого. Но мне вдруг стало интересно немного автоматизировать этот процесс и решил сделать пиксельную рулетку сам, такую что вводишь заранее уже известный тебе размер некоторого объекта, указываешь его на фото в виде линии, и потом уже другие линии автоматом пересчитываются по отношению к этому размеру.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Создание кольцевой диаграммы на JavaScript
Предлагаем пошаговое руководство по созданию и настройке на JavaScript интерактивной кольцевой диаграммы. Следуя ему, вы приобретете навыки и знания, которые позволят создавать персонализированные кольцевые диаграммы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Предлагаем пошаговое руководство по созданию и настройке на JavaScript интерактивной кольцевой диаграммы. Следуя ему, вы приобретете навыки и знания, которые позволят создавать персонализированные кольцевые диаграммы.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2