Рубрики
Visual Studio Code WordPress project PHP

Настройка проекта в локальном редакторе VSCode для WordPress хостинга

  • настройка IDE
    • F:\project\VSCode\Web\OSPanel\domains\localhost\IDE
      • локальный путь редактирование проекта
    • добавить в список проектов IDE
      • плагин Projects Manager
  • создание GIT
    • .gitignore
    • структура проекта
      • src
      • dist
    • создание репозитория в GitHub
    • создание туннеля SSH на хостинг с WordPress (плагин SFTP)
      • .vscode\sftp.json
      • настройка на хостинге (на примере Джино)
        • добавить доступ для своего IP
      • uploadFolder
        • отправить файлы с локального проекта

Рубрики
WordPress CSS

Web development «Toggle»

  • сворачивание блоков
    • $(.mytoggle).each(function () {
      • h=$(this);
      • let html=h.html();
      • h.empty();
      • h.css(margin-bottom,0);
      • let btn=$(<img>).prependTo(h);
      • $(<div>).appendTo(h).html(html);
      • btn.css(display,inline-block);
      • btn.css(vertical-align,top);
      • btn.css(height,24px);
      • btn.css(width,24px);
      • btn.next().css(display,inline-block);
      • btn.attr(src,СсылкаНаКартинку);
      • btn.click(function(){…});
        • $(this).parent().next().slideToggle();
      • let div=h.next();
      • div.css(padding,5px);
      • div.css(border,1px solid);
      • div.css(display,none);
    • }
  • Размещение кода на WordPress
    • Insert Headers and Footers
      • плагин размещения js кода
      • Script in Footer
        • раздел для расположения кода
  • Пример использования в редакторе с блоками html
    • <div class=mytoggle>head</div>
    • <div>content</div>
Рубрики
Vue store.actions "Реализация в поле Actions"

Vue.Store.actions «Структура»

...
actions:{
ИмяФункции(
{state,rootState,commit,dispath,getters,rootGetters},ДопПараметр) {
...
return ...  
}
}
...
Рубрики
Vue "Библиотека Axios"

Vue «Установка Axios»

  • Установка библиотеки Axions
npm i axios
  • GET
    в script.methods компонента создаём функцию
async fetchRows(){
 try {
  const responce = await axious.get('https://...?_limit=10');
  console.log(responce);
 } catch (e){
  alert('Ошибка');
 }
}
Рубрики
Vue.js ajax Текущие Задачи Уровень Важности 2

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