// Массив для получаемых объектов
const result = [];
// Переменная для следующего URL (изначально содержит первый адрес)
let previousURL = "http://site.com/";
// Цикл
for (let i = 0; i < 10; i++) {
// Получение данных
const response = await fetch(previousURL);
const data = await response.json();
// Добавление полученных данных в общий массив
result.push(data);
// Обновление переменной со следующим URL
previousURL = data.previousURL;
}
// Демонстрация получивлегося массива
console.log( result )страница попросту ничего не показывает, чисто белый фон
import {Router,Route} from 'react-router-dom';import { BrowserRouter as Router, Routes, Route } from "react-router-dom";import { BrowserRouter as Router, Routes, Route } from "react-router-dom";function App() {
return (
<Router>
<Routes>
<Route path="/" element={<Home/>}/>
<Routes/>
</Router>
);
}<Route path='/Dialogs' component={</Dialogs>} /><Route path="/dialogs" element={Dialogs}/>
(\d\d)-(\d\d)-(\d\d\d\d)$3-$2-$1
float: left для элементов .columndisplay: flex для родительского элемента .container.container {
display: flex;
}.container {
position: relative;
display: flex;
}"чтобы последний элемент обрезался как на фото"
overflow-x: auto; - это если с прокруткой нужно.overflow-x: hidden;<h1> на странице может быть только один - заголовок страницы. Остальные - <h2> - <h6>
<span> или просто задаёте элементу display: inline.
elem.prepend(....)
editor.action.blockCommentCtrl+Shift+/ поставил{
"key": "ctrl+shift+/",
"command": "editor.action.blockComment",
"when": "editorTextFocus && !editorReadonly"
}Как в css grid добавлять ряды автоматически?
Кратко опишем основные шаги алгоритма размещения элементов сетки
1. Сначала все неавтоматически позиционируемые элементы (те, что имеют определенное положение) должны быть помещены в сетку.
2. Следующим шагом является размещение автоматически позиционируемых элементов там, где направление главной оси не является автоматическим, чтобы они были привязаны к данной строке.
3. Наконец, остальные автоматически размещенные элементы позиционируются
Как автоматизировать расчет шрифтов
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var less = require('gulp-less');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');
var sourcemaps = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var watch = require('gulp-watch');
var fileinclude = require('gulp-file-include');
gulp.task('styles', function() {
return gulp.src('./app/less/main.less')
.pipe(plumber({
errorHandler: notify.onError(function(err) {
return {
title: 'Styles',
sound: false,
message: err.message
}
})
}))
.pipe(sourcemaps.init())
.pipe(less())
.pipe(autoprefixer({
browsers: ['last 6 versions'],
cascade: false
}))
.pipe(sourcemaps.write())
.pipe(gulp.dest('./app/css'))
.pipe(browserSync.stream());
});
gulp.task('html', function() {
return gulp.src('./app/html/*.html')
.pipe(plumber({
errorHandler: notify.onError(function(err) {
return {
title: 'HTML include',
sound: false,
message: err.message
}
})
}))
.pipe(fileinclude({
prefix: '@@'
}))
.pipe(gulp.dest('./app/'))
});
gulp.task('server', gulp.series('styles', 'html', function() {
browserSync.init({
server: {
baseDir: './app'
}
})
gulp.watch(['./app/**/*.html', './app/**/*.js', './app/img/*.*']).on('change', browserSync.reload);
gulp.watch('./app/less/**/*.less', gulp.series('styles'));
gulp.watch('./app/html/**/*.html', gulp.series('html'));
}))
gulp.task('default', gulp.series('server'));