Рубрики
React основы Синтаксис

React — Переменная

  • source_local
    • переменная в функции
      • создание переменной с состоянием
      • изменение переменной с состоянием в функции
      • вызов функции в атрибуте тега html
    • вызов переменной в html
      • <div>{Переменная}</div>
    • вызов функции в атрибуте тега html
      • <button onClick={ИмяФункции}>…</button>
    • создание переменной с состоянием
      • const [Переменная,ИмяФункцииСостоянияПеременной]=useState(ЗначениеПеременной)
    • изменение переменной с состоянием в функции
      • создание переменной с состоянием
      • function ИмяФункции() {
        • Изменение Переменной
        • ИмяФункцииСостоянияПеременной(Переменная)
      • }
    • файл компоненты
      • Проект\src\components\ИмяКомпоненты.jsx
        • import React, {useState} from ‘react’
        • const ИмяКомпоненты = function () {
          • создание переменной с состоянием
        • return (<div>
          • вызов переменной в html
          • вызов функции в атрибуте тега html
        • </div>)
        • }
        • export default ИмяКомпоненты
    • использование компоненты
      • import React from ‘react’
      • import ИмяКомпоненты from файл компоненты
      • function App(){
      • return (<div className=’App’>
      • <ИмяКомпоненты/>
      • </div>)
      • }
      • export default App
  • использование компоненты

 

Рубрики
CSS WordPress

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>
Рубрики
PHP Visual Studio Code WordPress project

Настройка проекта в локальном редакторе 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
        • отправить файлы с локального проекта

Рубрики
C# Fragments "Unity-C#" test "C#" ООП "Интерфейс" ООП "Свойство"

C# «Получить конвертированное значение свойства экземпляра по имени в интерфейсе»

public interface ITest
{
/// <summary>
/// проверка экземпляра типа Dictionary на заполенность
/// </summary>
public bool Пустой  => System.Convert.ToInt32(this.GetType().GetProperty("Count").GetValue(this))== 0;
}
public class Test:Dictionary<uint,string> ITest{
}
ITest Ex= new Test();
Debug.log(Ex.Пустой);
Рубрики
C# Fragments "Unity-C#" test "C#" Метод ООП "Интерфейс"

C# «Метод интерфейса присваивает значения свойствам без реализации в классе»

using UnityEngine;
namespace test2208041738
{
    public interface ITest
    {
        public byte Prop1
        {
            get;
            set;
        }
        public string Prop2
        {
            get;
            set;
        }
public void Method_props_assign() => this.Method(2, "hello");

public (byte, string) Method(byte Prop1, string Prop2) => (this.Prop1 = Prop1, this.Prop2 = Prop2);
}
    public class Test : ITest
    {
        private byte _prop1;
        private string _prop2;
        
        public byte Prop1
        {
            get => _prop1;
            set => _prop1 = value;
        }
        public string Prop2
        {
            get => _prop2;
            set => _prop2 = value;
        }
        static public void test()
        {
            ITest t = new Test();
            t.Method_props_assign();
            Debug.Log(t.Prop1 + "," + t.Prop2);
        }
    }
}