Vue | Управление зависимостями
У Vue-приложения одна точка входа — файл main.js. Там, помимо создания экземпляра Vue, происходит импорт и своего рода Dependency Injection всех ваших глобальных зависимостей. В итоге получается один огромный файл со всеми конфигурациями.
В этой статье речь пойдет о том, как организовать глобальные зависимости, чтобы этого избежать.
У Vue-приложения одна точка входа — файл main.js. Там, помимо создания экземпляра Vue, происходит импорт и своего рода Dependency Injection всех ваших глобальных зависимостей. В итоге получается один огромный файл со всеми конфигурациями.
В этой статье речь пойдет о том, как организовать глобальные зависимости, чтобы этого избежать.
Laravel | Как можно выполнить команду artisan из кода приложения?
Anonymous Quiz
48%
Artisan::call
12%
Console::execute
3%
System::exec
37%
Artisan::run
Vue | Создание Vue приложения со строго типизацией
Vue.js 2 принес и популяризировал typescript в компонентах и в хранилище (store), но оставил бреши в связи их между собой, store все еще не подсказывает типизацию в компонентах. Чтобы решить эту проблему автор статьи предлагает использовать vue-property-decorator для компонентов и vuex-smart-module для прокидывания типов из стора.
Vue.js 2 принес и популяризировал typescript в компонентах и в хранилище (store), но оставил бреши в связи их между собой, store все еще не подсказывает типизацию в компонентах. Чтобы решить эту проблему автор статьи предлагает использовать vue-property-decorator для компонентов и vuex-smart-module для прокидывания типов из стора.
Laravel | LazyCollection
LazyCollections - это особые коллекции в Laravel, которые в качестве источника данных использует не массивы, а генераторы. Это позволяет существенно сократить потребление памяти.
Также их можно использовать и при запросах моделей из БД, для этого достаточно вместо get использовать метод cursor().
LazyCollections - это особые коллекции в Laravel, которые в качестве источника данных использует не массивы, а генераторы. Это позволяет существенно сократить потребление памяти.
Также их можно использовать и при запросах моделей из БД, для этого достаточно вместо get использовать метод cursor().
Что выведется на странице
Anonymous Quiz
10%
foo new_bar
24%
new_foo new_bar
7%
new_foo bar
59%
foo bar
Laravel | Какое правило валидации срабатывает только если поле есть в массиве данных?
Anonymous Quiz
47%
required
23%
present
30%
filled
Laravel | Laravel Scout
Laravel Scout - это простое решение для организации поиска по моделям Eloquent.
В составе Scout поставляется драйвер для работы с Algolia. Также есть сторонние пакеты с драйверами для других поисковых движков, например ElasticSearch или Sphinx.
Если же готового драйвера не нашлось - написать свой довольно просто.
Laravel Scout - это простое решение для организации поиска по моделям Eloquent.
В составе Scout поставляется драйвер для работы с Algolia. Также есть сторонние пакеты с драйверами для других поисковых движков, например ElasticSearch или Sphinx.
Если же готового драйвера не нашлось - написать свой довольно просто.
Nuxt | Создание файла с глобальными переменными
Хранить глобальные переменные, вроде адреса api для axios, можно и во vuex store, но это получается очень громоздко и избыточно.
Можно создать файл в папке plugins:
Хранить глобальные переменные, вроде адреса api для axios, можно и во vuex store, но это получается очень громоздко и избыточно.
Можно создать файл в папке plugins:
// globalvars.jsПодключить его в nuxt.config.js:
export default ({ app }, inject) => {
inject("vars", {
apiUrl: "some_url",
});
};
export default {И использовать в компонентах:
plugins: ['~/plugins/globalvars.js']
}
this.$vars.apiUrl
Зарабаток меньше 100к - потеря времени
100к - обычная ЗП в веб-разработке. К сожалению многие получают меньше, годами работая на стартовых позициях или фрилансе
Курс Профессия веб-разработчик откроет двери в лучшие компании, там вас научат всему необходимому и подготовят к собеседованиям в компаниях-партнёрах
Краткое содержание:
📌 Веб-верстка
📌 Javascript
📌 PHP
📌 Laravel
📌 Node.js
📌 React / Angular / Vue на выбор
📌 Бонусные курсы по английскому / git / веб дизайну и тд.
(все темы изучают с 0 до продвинутого уровня)
5 дипломных проектов пополнят ваше портфолио:
✅ Верстка лендинга и интернет-магазина
✅ Игра на Javascript
✅ Интернет-магазин на выбранном Frontend фреймворке
✅ Аналог Reddit на React.js
✅ 4 проекта на PHP
С такими знаниями ваша карьера быстро пойдет в гору
Первые 12 месяцев бесплатно
100к - обычная ЗП в веб-разработке. К сожалению многие получают меньше, годами работая на стартовых позициях или фрилансе
Курс Профессия веб-разработчик откроет двери в лучшие компании, там вас научат всему необходимому и подготовят к собеседованиям в компаниях-партнёрах
Краткое содержание:
📌 Веб-верстка
📌 Javascript
📌 PHP
📌 Laravel
📌 Node.js
📌 React / Angular / Vue на выбор
📌 Бонусные курсы по английскому / git / веб дизайну и тд.
(все темы изучают с 0 до продвинутого уровня)
5 дипломных проектов пополнят ваше портфолио:
✅ Верстка лендинга и интернет-магазина
✅ Игра на Javascript
✅ Интернет-магазин на выбранном Frontend фреймворке
✅ Аналог Reddit на React.js
✅ 4 проекта на PHP
С такими знаниями ваша карьера быстро пойдет в гору
Первые 12 месяцев бесплатно