Рубрики
CSS CSS основы

Базовые свойства

//размещение элемента по вертикали (вверх)
vertical-align: top;
//размещение элемента по середине
vertical-align: middle;
//рамка контейнера
border: 1px solid black;
//при наведении на элемент появляется курсор
cursor: pointer;
Рубрики
CSS CSS основы

Синтаксис

//синтаксис 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+Vue3 project Vue компоненты Vue.js

Vue Окно в движении

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>
Рубрики
MobX React React основы

Иммутабельность данных

YouTube

  • концепция связана с тем, что если у нас есть какие то данные, например какой то объект или сложенная вложенная структура то в ней ключи или вложенные ключи или вообще данные не изменяются никогда
  • если мы хотим создать новую структуру мы должны создать новый объект и допустим в массиве подменить по ключику старый объект на новый
  • текущую структуру данных изменять никогда нельзя, и поэтому мы должны, не трогая структуру данных, создать хотя бы новый объект для начала
Рубрики
JavaScript Laravel React React-project

Соединение React c Laravel

OpenServer

установка laravel в локальный сервер через терминал

Рубрики
App CSS React React-project

Стилизация компонентов в React

styled-components
библиотека

Установка библиотеки через терминал

npm install --save styled-components

packge.json
добавляется библиотека

"dependencies":{
...
"styled-components":"^5.2.1",
...
}
Рубрики
ajax App Mockon React React-project Фронтенд

Запросы к Серверу в React

Mockon

сервис программа для эмуляции сервера

Рубрики
App JS фреймворки React React-project Sass Фронтенд

Разворачивание интерфейсов в приложении на React

подключение стилизации
два способа

  • через модули SASS
  • через сторонние библиотеки
    (например react-rating-stars-component)

src\modules

папка хранит глобальные компоненты, которые используются во всём проекте и имеют какую то логическую составляющую, какой то функционал

Рубрики
JavaScript Менеджер пакетов

npm

Node Package Manager

JavaScript менеджер пакетов

Рубрики
CSS HTML JavaScript PHP

Базовые Команды html,JavaScript,php

HTML

//пробел
<div>&nbsp;</div>
//scroll
<div style="overflow:scroll;width:700px;">
 <div style="height:300px;width:1000px;">code</div>
</div>

//работа с СОБЫТИЯМИ
//наведение на тег
mouseover
//клавиша нажата и опущена на теге
keypress