Месяц: Ноябрь 2021

Рубрики
GitHub Visual Studio Code VSCode настройки

Настройка GitHub для VSCode

  1. Установка git на Windows
  2. Открыть проект в IDE Visual Studio Code
    Файл\Открыть папку…
  3. Инициализировать репозиторий в
    IDE Visual Studio Code
    Ctrl+Shift+G
Рубрики
IDE package manager PHP

Пакетный менеджер Composer для PHP

устанавливает плагины, библиотеки, фреймворки
https://getcomposer.org/download/

File\Settings…\Languages & Frameworks\PHP\Composer
задаётся интерпретатор php
прописывается путь к композеру

  • отключить строку в …\php\php.ini
;extension=php_openssl.dll

установка в терминале IDE

  • выполнить в любом терминале для установки Composer PHP
установка композер
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === '906a84df04cea2aa72f40b5f787e49f22d4c2f19492ac310e8cba5b96ac8b64115ac402c8cd292b8a03482574915d1a8') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"
глобально композер
php composer.phar global require laravel/installer

Рубрики
Vue project Vue.js

Сортировка постов

Нам понадобится выпадающий список, в котором будем выбирать по какому полю будет идти сортировка (например по заголовку или описанию)

Рубрики
Vue project Vue.js Жизнь компонента Vue

Разновидности хуков в Vue

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

cretaed
хук
в этот момент в компонент добавляются различные инъекции и реактивность. В этом хуке можно делать какую то дефолтную реализацию, проверять какие то условия

Отрабатывает рендер функция

beforeMount
хук
отрабатывает до того, когда компонент монтируется в дерево

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

После того как компонент монтировали, в нём могут изменяться какие то данные. Соответственно компонент будет перерендереваться. Для того чтобы отслеживать эти обновления есть два хука.

beforeUpdate
хук
отрабатывает перед обновлением

update
хук
отрабатывает после

компонент демонтируется
делается очистка.
отписываемся от каких то событий, очищаем stor

Рубрики
Vue project Vue.js

Взаимодействие с сервером

Реализуем функцию, с помощью которой будем получать список постов с Сервера.

JSON Placeholder
сервис

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

limit

За один запрос приходит много постов. Поэтому мы будем делать постраничный вывод (по 10 постов на страницу). В query параметр можно передать ?_limit=10

axios
библиотека

npm i axios