Существует специальный синтаксис для работы с промисами, который называется «async/await». Он удивительно прост для понимания и использования.
Рубрика: HTML
HTML
HyperText Markup Language
язык гипертекстовой разметки
стандартизированный язык разметки документов для просмотра веб-страниц в браузере.
Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты такие как интерактивная веб-формы могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов. Элементы HTML выделяются тегами, записанными с использованием угловых скобок. Такие теги, как <img />
и <input />
, напрямую вводят контент на страницу. Другие теги, такие как <p>
, окружают и оформляют текст внутри себя и могут включать другие теги в качестве подэлементов.
Браузеры не отображают HTML-теги, но используют их для интерпретации содержимого страницы.
MyInput.vue
MyInput.vue
простой UI тег Input в HTML5, который реализуется в файле MyInput.vue как компонент
«Примеры стилей»
- элемент «высота»
//высота по родительскому элементу
height: inherit;
- элемент «вертикальное расположение»
//размещение элемента по вертикали (вверх)
vertical-align: top;
//размещение элемента по середине
vertical-align: middle;
- элемент «рамка»
//рамка контейнера
border: 1px solid black;
- элемент «Mouse»
//при наведении на элемент появляется курсор
cursor: pointer;
Синтаксис
//синтаксис id
#211018104515 {code} error
#211018104515_id {code} error
#211018104515-id {code} error
#id-211018104515 {code} successfully
//синтаксис class
.211018104515 {code} successfully
.211018104515-click {code} successfully
.click-211018104515 {code} successfully
JQuery
включить библиотеку из интернета
главный шаблон Laravel
resources\views\index.blade.php
<!DOCTYPE html>
<html lang="eng">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://codegid.ru/default/js/jquery/jquery-1.7.2.js"></script>
<script src="https://codegid.ru/default/js/jquery/jquery.event.drag-2.2.js"></script>
<script src="https://codegid.ru/default/js/jquery/jquery.event.drag.live-2.2.js"></script>
<script src="https://codegid.ru/default/js/jquery/ui/1.12.0/jquery-ui.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<body>
<div id="app">
<my-app/>
</div>
<script src="./js/app.js"></script>
</body>
</html>