Author Archives: Stanislav_Panteleev

C#. Сейджвик. Контейнеры, очереди, стеки. Упражнения.

Posted on 22.09.2018 by Stanislav_Panteleev

Добавить в FixedCapacityStackOfStrings метод isFull()

 class FixedCapacityStackOfStrings
    {
        private string[] a;
        public int N;
        public FixedCapacityStackOfStrings(int ACapacity)
        {
            a = new string[ACapacity];
        }
        public bool isEmpty() { return N == 0; }
        public bool isFull() { return N == a.Length; } // <<<
        public int size() { return N; }
        public void push(string item)
        {
            a[N++] = item;
        }
        public string pop()
        {
            return a[--N];
        }
    }

class FixedCapacityStackOfStrings

{

private string[] a;

public int N;

public FixedCapacityStackOfStrings(int ACapacity)

{

a = new string[ACapacity];

}

public bool isEmpty() { return N == 0; }

public bool isFull() { return N == a.Length; } // <<<

public int size() { return N; }

public void push(string item)

{

a[N++] = item;

}

public string pop()

{

return a[--N];

}

Балансировка скобок На уровне псевдокода – Все скобки либо левые либо правые – Все скобки разных типов – квадратные, круглые, фигурные – Скобки одного типа могут быть “левая с правой”, например [], а скобки … Continue reading →

Posted in Без рубрики | Leave a comment

C#. Сложение очень больших чисел

Posted on 18.09.2018 by Stanislav_Panteleev

Было на одном из собеседований. Сделать сложение очень больших чисел, которые не влезают в long и int64, заходят как строка, при этом должны быть следующие ограничения: -Не отрицательное число -В аргументе только цифры -Нет ведущих нолей -Не пустая строка -Целое … Continue reading →

Posted in C# | Leave a comment

JS.React. Отправка формы

Posted on 14.09.2018 by Stanislav_Panteleev

package.json

{
  "name": "formsapp",
  "version": "1.0.0",
  "scripts": {
    "start": "lite-server"
  },
  "devDependencies": {
    "lite-server": "^2.2.1"
  }
}

{

"name": "formsapp",

"version": "1.0.0",

"scripts": {

"start": "lite-server"

"devDependencies": {

"lite-server": "^2.2.1"

}

Далее, в консоли переходим в директорию проекта при помощи cd и вводим npm install

Posted in C# | Leave a comment

JS.React.Списки и поиск в них

Posted on 13.09.2018 by Stanislav_Panteleev

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hello React</title>
</head>
<body>
    <div id="app"></div>
      
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    <script type="text/babel">
        class Item extends React.Component {
            render() {
              return <li>{this.props.name}</li>;
            }
          }
            
          class ItemsList extends React.Component {
            render() {
              return(
              <div>         
                  <h2>{this.props.title}</h2>
                  <ul>
                      <Item name="iPhone 7" />
                      <Item name="HTC U Ultra" />
                      <Item name="Google Pixel" />
                  </ul>
              </div>);
            }
          }
            
          ReactDOM.render(
              <ItemsList title="Список смартфонов" />,
              document.getElementById("app")
          )
    </script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hello React</title>

</head>

<body>

class Item extends React.Component {

render() {

return <li>{this.props.name}</li>;

}

class ItemsList extends React.Component {

render() {

return(

<div>

<h2>{this.props.title}</h2>

<ul>

</ul>

</div>);

}

ReactDOM.render(

<ItemsList title="Список смартфонов" />,

document.getElementById("app")

)

</script>

</body>

</html>

Posted in Без рубрики | Leave a comment

JS.React. События и управление ресурсами

Posted on 13.09.2018 by Stanislav_Panteleev

Основные события для компонентов constructor(props): конструктор, в котором происходит начальная инициализация компонента componentWillMount(): вызывается непосредственно перед рендерингом компонента render(): рендеринг компонента componentDidMount(): вызывается после рендеринга компонента. Здесь можно выполнять запросы к удаленным ресурсам componentWillUnmount(): вызывается перед удалением компонента из DOM … Continue reading →

Posted in Без рубрики | Leave a comment

JS.React.Props&State

Posted on 13.09.2018 by Stanislav_Panteleev

Props Props похожи на свойства, их можно менять снаружи. Объявляем props разными подходами 1

function Hello(props) {
  return <div>
            <p>Имя: {props.name}</p>
            <p>Возраст: {props.age}</p>
    </div>;
}
Hello.defaultProps = {name: "Tom", age: 22};

function Hello(props) {

return <div>

<p>Имя: {props.name}</p>

<p>Возраст: {props.age}</p>

</div>;

}

Hello.defaultProps = {name: "Tom", age: 22};

class Hello extends React.Component {
  render() {
    return <div>
            <p>Имя: {this.props.name}</p>
            <p>Возраст: {this.props.age}</p>
    </div>;
  }
}
Hello.defaultProps = {name: "Tom", age: 22};

class Hello extends React.Component {

render() {

return <div>

<p>Имя: {this.props.name}</p>

<p>Возраст: {this.props.age}</p>

</div>;

}

Hello.defaultProps = {name: "Tom", age: 22};

Posted in Без рубрики | Leave a comment

JS.React.Классы и компоненты

Posted on 13.09.2018 by Stanislav_Panteleev

Компоненты позволяют повторно использовать их в разных участках кода. 3 способа создания компонента. 1

function Hello() {
  return <h1>Привет, Stan</h1>;
}

function Hello() {

return <h1>Привет, Stan</h1>;

}

class Hello extends React.Component {
  render() {
    return <h1>Привет, Stan</h1>;
  }
}

class Hello extends React.Component {

render() {

return <h1>Привет, Stan</h1>;

}

var Hello =() => {
    return (<h1>Привет, Stan</h1>);
}

var Hello =() => {

return (<h1>Привет, Stan</h1>);

}

Posted in Без рубрики | Leave a comment

JS.React.Элемент

Posted on 13.09.2018 by Stanislav_Panteleev

Рассмотрим функцию ReactDOM.render более подробно, она принимает 3 параметра ReactElement: элемент для рендеринга DOMElement: элемент DOM, в который надо добавить ReactElement Callback: опциональная функция обратного вызова Элемент определяется так

const anotherDomElement = <h2>anotherDomElement</h2>;

1	const anotherDomElement = <h2>anotherDomElement</h2>;

Далее, в коде он может использоваться. Ниже примеры использования.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hello React</title>
</head>
<body>
    <div id="app"></div>
	<div id="app2"></div>
	<div id="app3"></div>
      
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    <script type="text/babel">
        const phones = <div id="items">
                <h2>Список телефонов</h2>
                <ul>
                    <li>iPhone 7</li>
                    <li>Samsung Galaxy A5</li>
                    <li>HTC U Ultra</li>
                    <li>Pixel XL</li>
                </ul>
            </div>;
		ReactDOM.render(
		     phones,
            document.getElementById("app"),
            function(){ console.log("this is callback function");}
        )
		//
		const anotherDomElement = <h2>anotherDomElement</h2>;                            
		ReactDOM.render(
		     anotherDomElement,
            document.getElementById("app2"),
            function(){ console.log("this is callback function");}
        )
		
		ReactDOM.render(
		     <h2>Write html directly to ReactDOM.render</h2>,
            document.getElementById("app3"),
            function(){ console.log("this is callback function");}
        )
    </script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hello React</title>

</head>

<body>

const phones = <div id="items">

<h2>Список телефонов</h2>

<ul>

<li>iPhone 7</li>

<li>Samsung Galaxy A5</li>

<li>HTC U Ultra</li>

<li>Pixel XL</li>

</ul>

</div>;

ReactDOM.render(

phones,

document.getElementById("app"),

function(){ console.log("this is callback function");}

)

const anotherDomElement = <h2>anotherDomElement</h2>;

ReactDOM.render(

anotherDomElement,

document.getElementById("app2"),

function(){ console.log("this is callback function");}

)

ReactDOM.render(

<h2>Write html directly to ReactDOM.render</h2>,

document.getElementById("app3"),

function(){ console.log("this is callback function");}

)

</script>

</body>

</html>

… Continue reading →

Posted in Без рубрики | Leave a comment

JS.React.Babel-cli

Posted on 13.09.2018 by Stanislav_Panteleev

Позволяет компилировать в код js перед запуском – статическая компиляция. Ранее мы использовали динамическую. Создадим новый проект Ранее у нас был файл index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hello React</title>
</head>
<body>
    <div id="app"></div>
      
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    <script type="text/babel" src="index.jsx"></script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hello React</title>

</head>

<body>

</body>

</html>

Заменим его на следующий.

Posted in Без рубрики | Leave a comment

JS.React. Работа через NodeJS

Posted on 13.09.2018 by Stanislav_Panteleev

Выделим директорию для нашего проекта и создадим там 3 файла index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hello React</title>
</head>
<body>
    <div id="app"></div>
      
    <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.25.0/babel.min.js"></script>
    <script type="text/babel" src="index.jsx"></script>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Hello React</title>

</head>

<body>

</body>

</html>

index.jsx

Posted in Без рубрики | Leave a comment

Author Archives: Stanislav_Panteleev

C#. Сейджвик. Контейнеры, очереди, стеки. Упражнения.

C#. Сложение очень больших чисел

JS.React. Отправка формы

JS.React.Списки и поиск в них

JS.React. События и управление ресурсами

JS.React.Props&State

JS.React.Классы и компоненты

JS.React.Элемент

JS.React.Babel-cli

JS.React. Работа через NodeJS

C# WORLD

MySQL WORLD

DELPHI WORLD

JS WORLD

PHP World

IIS World

Recent Posts

Categories