Рубрика: Стек Технологий

Рубрики
npm Node.js

Синтаксис npm

установка менеджера npm
npm install
удаление модели из проекта package.json в разделах
devDependencies и dependencies
npm uninstall --save-dev ИмяМодели
Рубрики
IDE package manager PHP

Пакетный менеджер Composer для PHP

устанавливает плагины, библиотеки, фреймворки
https://getcomposer.org/download/

File\Settings…\Languages & Frameworks\PHP\Composer
задаётся интерпретатор php
прописывается путь к композеру

  • отключить строку в …\php\php.ini
;extension=php_openssl.dll

установка в терминале IDE

  • выполнить в любом терминале для установки Composer PHP
установка композер
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php -r "if (hash_file('sha384', 'composer-setup.php') === '906a84df04cea2aa72f40b5f787e49f22d4c2f19492ac310e8cba5b96ac8b64115ac402c8cd292b8a03482574915d1a8') { echo 'Installer verified'; } else { echo 'Installer corrupt'; unlink('composer-setup.php'); } echo PHP_EOL;"
php composer-setup.php
php -r "unlink('composer-setup.php');"
глобально композер
php composer.phar global require laravel/installer

Рубрики
React React основы MobX

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

YouTube

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

Инструмент JSX

JSX
является синтаксическим сахаром

плагин от bable
можно использовать независимо от React
можно указать другое название функции которое парсит JSX будет использовать (не обязательно React.createElement)

Рубрики
Web development

Web development «ToolTip»

  • header
    • <script src=https://code.jquery.com/jquery-1.12.4.js></script>
    • <script src=https://code.jquery.com/ui/1.12.1/jquery-ui.js></script>
  • CSS
  • .tooltip span
    • { display:none; position: absolute; z-index: 1001; margin-top:0px; }
  • .tooltip a
    • { display:block; width: 100px; text-decoration: none; }
  • .tooltip:not(:hover)>span
    • { display:none; }
  • .tooltip:hover:after
    • { width:10%; height:15px; position: absolute; z-index: 1001; margin-top:-17px; margin-left:1px; }
  • html.body
  • <div class=tooltip>
    • <a class=tooltip-header href=#>Изменить</a>
    • <span>
      • <div class=tooltip>
        • <a class=tooltip-header href=#>АТРИБУТЫ</a> <span>test1</span>
      • </div>
      • <div class=»tooltip»>
        • <a class=»tooltip-header» href=»#»>VARS</a> <span>test2</span>
      • </div>
      • <div class=tooltip>
        • <a class=tooltip-header href=#>МОДУЛИ</a> <span>test3</span>
      • </div>
    • </span>
  • </div>
  • script
  • $(.tooltip).hover(function() {
    • $(this).children(:last-child).css(display,none) });
    • $(.tooltip-header).on(click,function(){tooltip_click()});
    • function tooltip_click(){
      • var span=$(window.event.currentTarget).next();
      • if (span.css(display)==none) span.css(display,block);
      • else span.css(display,none);
      • span.css(width,200px);
      • span.css(background,white);
      • span.css(padding,10px 10px);
      • span.css(border,1px solid #220);
  • }