Веб-разработка
- 5 ответов
- 0 вопросов
30
Вклад в тег
flexbox, grid layout- это css из современных стандартов. Что бы знать, когда применять - вы должны знать версии старых браузеров, которые необходимо поддерживать на вашем проекте, и соответствующую поддержку этих стилей. Например, формировать элементы на flexbox на порядок удобнее, чем на float, но в IE9 вы уже использовать flexbox не можете.
gulp, webpack и пр.- это инструменты, которые созданы для облегчения рутинных задач.
препроцессоры- представьте, что вам чего-либо не хватает в html и css.
пакетные менеджеры- это удобный способ скачать конкретные библиотеки, и переносить их из проекта в проект. Статья про npm тут
const API = process.env.api;
module.exports = {
...,
plugins: [
...,
new webpack.DefinePlugin({
API_URL: JSON.stringify(API)
})
]
}{
"scripts": {
"build": "webpack --env.api=https://api.url/v1"
}
}npm run build -- --env.api=https://api.url/v2 const gallery = new Gallery({}) - неплохо бы иметь доступ к управлению галереей через JS, например:gallery.pause();
gallery.next();gallery.setOptions({})var defaultOptions = {
...
}
privateMethod() {
...
}
function Gallery(options) {
this.options = extend(defaultOptions, options);
this.interval = this.createInterval();
...
}
Gallery.prototype.init = function() {
...
}
Gallery.prototype.next = function() {
...
}
Gallery.prototype.createInterval= function() {
...
}
function extend(a, b) {
...
}responseError: function(rejection) {
...
if (tokenError) {
return Session.refreshToken().then(function() {
return $http(rejection.config); // Повторяем запрос, когда получили новый токен
});
}
return $q.reject(rejection);
}
