Рубрики
ajax Vue.js Текущие Задачи Уровень Важности 2

Использование AJAX в Vue компоненте

Рубрики
JavaScript lib Промесы

Async/await

Существует специальный синтаксис для работы с промисами, который называется «async/await». Он удивительно прост для понимания и использования.

Асинхронные функции

Async/await в JavaScript
Async/await
Рубрики
MobX React React основы

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

YouTube

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

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

OpenServer

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

Рубрики
ajax App Mockon React React-project Фронтенд

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

Mockon

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

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

npm

Node Package Manager

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

Рубрики
CSS JavaScript lib Фрагменты кода

Fragments «JavaScript»

Операторы

  • swith
    условные операции, операции ветвления
switch(x) {
  case 'value1':  // if (x === 'value1')
    ...
    break;
  case 'value2':  // if (x === 'value2')
    ...
    break;
  default:
    ...
    break;
}

String «Работа с текстом»
символ начинается с 0!

  • «вложенный текст»
//весь текст после 2 символа
text=text.substr(2);
//заменить вложенный текст в другой вложенный текст
let new_text=text.replace(subtext1,subtext2);
  • «поиск вложенного текста»
//поиск первого вложенного текста
let index=text.indexOf(text);
//поиск последнего вложенного текста
let index=text.lastIndexOf(text);
  • «элемент текста»
//удалить последний элемент текста
text=text.slice(0, -1);
  • «прочие»
//проверка текста на пустоту и удаление невидимых символов (переход на следующую строку)
text.trim() == ''
//выполнить текст-код
let arr=eval(data);

События

  • ev событие «управление»
//элемент DOM на котором выполняется событие
let e=ev.currentTarget();

Массивы

  • преобразование
//строка в массив через "\n"
let arr=text.split("\n");
//массив в строку через "\n"
let text=arr.join("\n");
//проверка на массив
Array.isArray(obj);
  • базовые свойства
//ассоциативный массив Array(0) нет индексов
arr.length==0
  • перебор массива или выборки
//пройтись по массиву или объекту
arr.forEach(function(item, i, data) {code});
Array.from(arr, (item,index)=>{code});
for(var i=0;i<arr.length;i++){arr[i]};

Объекты

  • перебор свойств
for (let key in obj){
obj[key]
}
Рубрики
bo52 JavaScript lib JQuery Событие

Выполнить Событие

//структура event события
bo52.e[id]=(p)=>{
code
}
//текущий DOM элемент от event события
$(p.currentTarget);
Рубрики
bo52 JavaScript lib js Функция

default\js\sys\teg.js

function teg(id='teg',p){
 if (id=='teg')
 return jClass('teg',p);
 return new TEGid;    
 }
 function Teg(p){
 return jClass('teg',p);
 }
Рубрики
bo52 JavaScript lib js Функция

default\js\sys\jclass.js

function jclass(id)
 {   
 if (CLASS[id]) 
 return CLASS[id];
 $.ajax(
 {
     method: "GET",
     url:'http://unity/default/js/class/'+id+'.js', 
     dataType: "script",
     success:
     function (data)
     {
         bo52.data=CLASS[id]
     },
     async:false
 });
 return bo52.data;
 }
 function jClass(id,p){
 let x=jclass(id);
 return new x(p);
 }