• Почему не передает событие?

    vahe_2000
    @vahe_2000
    используйте refs

    var Player = React.createClass({
        componentDidMount: function() {
            this.refs.video.addEventListener("ended", this.onEnded, false);
        },
        onEnded: function() {
            alert("ended");
        },
        componentWillUnmount: function() {
            this.refs.video.removeEventListener("ended", this.onEnded, false);
        },
        render: function() {
            return <video ref="video" src={this.props.src} autoPlay={this.props.autoPlay} width={this.props.width} height={this.props.height} controls />;
        }
    });
    var PlayerContainer = React.createClass({
        render: function() {
            return <Player width="50%" height="50%" src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" autoPlay="" />;
        }
    });
    
    ReactDOM.render(<PlayerContainer />, document.body);
    Ответ написан
    5 комментариев
  • State в react - что ты такое?

    vahe_2000
    @vahe_2000
    Объект state описывает внутреннее состояние компонента, он похож на props за тем исключением, что состояние определяется внутри компонента и доступно только из компонента.

    Если props представляет входные данные, которые передаются в компонент извне, то состояние хранит такие объекты, которые создаются в компоненте и полностью зависят от компонента.

    Также в отличие от props значения в state можно изменять.
    Ответ написан
    Комментировать
  • Как реализовать обрезку фотографии с выбором места на фотографии?

    vahe_2000
    @vahe_2000
    используйте canvas
    Ответ написан
    Комментировать
  • Adblock как с ним бороться?

    vahe_2000
    @vahe_2000
    изменить class или id html элемента каждый раз
    Ответ написан
    Комментировать
  • Как писать на React Native в Windows под iOS?

    vahe_2000
    @vahe_2000
    Вам понадобится xcode, который означает, что вам потребуется OS X, а это значит, что вам нужен компьютер Mac или программного обеспечения виртуализации
    Ответ написан
    Комментировать
  • Какой javascript фреймворк выбрать для приложения типа RIA?

    vahe_2000
    @vahe_2000
    Если вы используете React тогда я вам посоветую Ant.Desgin и еще смотрите Ant.Mobile,есть очень много классных компонентов
    Ответ написан
    Комментировать
  • Как здесь использовать forEach()?

    vahe_2000
    @vahe_2000
    Если я вас правильно понял то нужно делать таким образом.
    var donuts = [
      { type: "Jelly", cost: 1.22 },
      { type: "Chocolate", cost: 2.45 },
      { type: "Cider", cost: 1.59 },
      { type: "Boston Cream", cost: 5.99 }
    ];
    
    
    donuts.forEach( function(part, index, theArray) {
      theArray[index].type += ` donuts cost ${theArray[index].cost}`;
        
    })
    
    console.log(donuts)
    Ответ написан
    Комментировать
  • Как запретить скачивание файла с других сайтов?

    vahe_2000
    @vahe_2000
    RewriteEngine on
    RewriteCond %{HTTP_REFERER} !^$
    RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$ [NC]
    RewriteRule .+\.(gif|jpg|png)$ - [F]


    Как только вы закончите выполнять все операции копирования любой браузер , запрашивающий изображения с вашего сайта использующий при запросе URL, начинающийся с имени домена, отличного от www.example.com или example.com , будет получать ошибку "403 Forbidden". что остановит использование ссылок на ваши изображения на других сайтах.

    1. RewriteEngine on - включаем механизм mod_rewrite
    2. RewriteCond %{HTTP_REFERER} !^$- RewriteCond является еще одной директивой mod_rewrite. Она позволяет устанавливать условие, которое должно выполняться для обработки URL следующим за ним правилом RewriteRule . В данном случае условием является наличие значения в переменной HTTP_REFERER.
    3. RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$ [NC] - вторая директива RewriteCond требует, чтобы значение переменной HTTP_REFERER не начиналось с www.example.com или example.com . Флаг [NC] устанавливает чувствительность к регистру символов.
    4. RewriteRule .+\.(gif|jpg|png)$ - [F] - если два выше предыдущих условия RewriteCond не выполняются, то правило пропускается. Само же правило возвращает ошибку "403 Forbidden" (используется флаг [F]), если URL содержит имя файла изображения (строка заканчивается на .gif, .jpg или .png), Тире в параметре подстановки означает "не надо заменять URL другим адресом".
    Ответ написан
    Комментировать
  • Как поправить кодировку на сайте?

    vahe_2000
    @vahe_2000
    php.net/manual/en/function.iconv.php

    <?php
    $text = "'И', 'Э'";
    
    echo 'Original : ', $text, PHP_EOL;
    echo 'TRANSLIT : ', iconv("UTF-8", "ISO-8859-1//TRANSLIT", $text), PHP_EOL;
    echo 'IGNORE   : ', iconv("UTF-8", "ISO-8859-1//IGNORE", $text), PHP_EOL;
    echo 'Plain    : ', iconv("UTF-8", "ISO-8859-1", $text), PHP_EOL;
    
    ?>


    результат

    Original : 'И', 'Э'
    TRANSLIT : '?', '?'
    IGNORE   : '', ''
    Plain    : <br />
    <b>Notice</b>:  iconv(): Detected an illegal character in input string in <b>[...][...]</b> on line <b>7</b><br />
    Ответ написан
    Комментировать
  • Как изменить стили страницы wp-login.php?

    vahe_2000
    @vahe_2000
    Попробуйте использоватьget_info() вместо get_stylesheet_directory_uri()
    Ответ написан
    Комментировать
  • Какие инструменты сейчас в арсенале у верстальщика/front-end разработчика?

    vahe_2000
    @vahe_2000
    Chrome dev tools
    Лучший инструмент, который мы имеем в наших руках сегодня. С момента своего рождения, хром вложил много в его инструментов разработчика и до сих пор их улучшения непрерывно. Каждый выпуск (каждые 6 недель или так) идет со своими собственными торговыми новых функций DEV инструмента.

    LiveReload
    Сколько раз в среднем вы нажмете клавишу обновления на клавиатуре каждый день? Много, верно? LiveReload простой веб-протокол, который вызывает события для клиентов, когда файлы были изменены.

    Тестирование фронтэнд JavaScript код с помощью Mocha / Chai / Sinon

    Karma тест бегун Javascript написаны парней за AngularJS.

    Eще много есть но по моему это самые нужные список front-end
    Ответ написан
    2 комментария
  • Где хранить данные удаленных записей в базе?

    vahe_2000
    @vahe_2000
    есть подобный вопрос СМОТРИТЕ И ЗДЕСЬ.
    -------------------------------------------------------
    Как правильнее поступать с ненужными записями в БД...
    Ответ написан
    Комментировать
  • Как отправить письмо при помощи smtp?

    vahe_2000
    @vahe_2000
    Используйте Pear Mail -> GitHub,pear.php.net

    <?php
    // Pear Mail Library(Груша Почта Библиотека)
    require "Mail.php";
    
    $from = '<from.gmail.com>';
    $to = '<to.yahoo.com>';
    $subject = 'Здравствуй!';
    $body = "Привет,\n\n как дела?";
    
    $headers = array(
        'From' => $from,
        'To' => $to,
        'Subject' => $subject
    );
    
    $smtp = Mail::factory('smtp', array(
            'host' => 'ssl://smtp.gmail.com',
            'port' => '465',
            'auth' => true,
            'username' => 'user@gmail.com',
            'password' => 'passwordxxx'
        ));
    
    $mail = $smtp->send($to, $headers, $body);
    
    if (PEAR::isError($mail)) {
        echo('<p>' . $mail->getMessage() . '</p>');
    } else {
        echo('<p>Сообщение успешно отправлено!</p>');
    }
    ?>
    Ответ написан
    Комментировать
  • Почему не работает цикл for?

    vahe_2000
    @vahe_2000
    Может вы имейте веду штото подобное как этот пример?
    Покажите код запроса.

    var bongo = [];
    for (i = 0; i < 10; i++)
    {
    
      (function(i)
        {
          $.ajax(
            {
              type: "GET",
              url: "http://localhost",
              data: queryString,
              success: function(request) {bongo[i] = request } 
            });  
        })(i);
    }
    Ответ написан
    Комментировать
  • Отправка файла из формы на e-mail?

    vahe_2000
    @vahe_2000
    HTML

    обязятелно enctype="multipart/form-data"
    <form method="post" action="attach.php" enctype="multipart/form-data">
    	<input type="text" name="email"/><br>
    	<input type="file" name="attachment"/><br>
    	<input type="submit" name="send">
    </form>


    Обрати внимание, только некоторые из вещей

    $content = chunk_split(base64_encode(file_get_conte­nts($file)));
    $headers .= "Content-Type: multipart/mixed; boundary=\"".$uid."\"­;\r\n\r\n";
    $headers .= "Content-Transfer-Encoding: base64\r\n";
    $headers .= "Content-Disposition: attachment; filename=\"".$file_name."­\"\r\n\r\n";
    $headers .= "Content-type:text/plain; charset=iso-8859-1\r\n";
    $headers .= "Content-Transfer-Encoding: 7bit\r\n\r\n";


    а теперь php attach.php

    <?php
    if (isset($_POST['send'])) {
    	if (!empty($_FILES['attachment']['name'])) {
    
    		// некоторые переменные
    		$file_name = $_FILES['attachment']['name'];
    		$temp_name = $_FILES['attachment']['tmp_name'];
    		$file_type = $_FILES['attachment']['type'];
    
    		// получить расширение файла
    		$base = basename($file_name);
    		$extension = substr($base, strlen($base)-4,strlen($base));
    
    		// только это типы файлов будет разрешено
    		$allowed_extensions = array(".doc","docx",".pdf",".zip",".png");
    
    		// убедитесь, что этот тип файла допускается
    		if (in_array($extension, $allowed_extensions)) {
    			
    			// основы
    			$from = $_POST['email'];
    			$to = "some@mail.ru";
    			$subject = "Subject";
    			$message = "message";
    		} else {
    
    			//вещи, которые нужно
    			$file = $temp_name;
    			$content = chunk_split(base64_encode(file_get_contents($file)));
    			$uid = md5(uniqid(time()));
    
    			//
    			$headers = "From: ". $from."\r\n";
    			$headers = "MIME-Version: 1.0" . "\r\n";
    
    			// Заявив, у нас есть несколько видов электронной почте (т.е. обычный текст и вложения)
    			$headers .= "Content-type: multipart/mixed;boundary=\"".$uid."\"\r\n\r\n";
    			$headers .= "This is a multi-part message in MIME format.\r\n":
    
    			// Обычная текстовая часть
    			$headers .= "--".$uid."\r\n";
    			$headers .= "Content-type: text/plain; charset=iso-8859-1\r\n";
    			$headers .= "Content-Transfer-Encoding: 7bit\r\n\r\n";
    			$headers .= $message."\r\n\r\n";
    
    			// Влажение файла
    			$headers .= "--".$uid."\r\n";
    			$headers .= "Content-Type:". $file_type.":name=\"".$file_name."\"\r\n";
    			$headers .= "Content-Transfer-Encoding: base64\r\n";
    			$headers .= "Content-Description: attachment;filename=\"".$file_name."\r\n";
    			$headers .= $content."\r\n\r\n";
    
    			// Oтправить по почте (сообщение не здесь, а в заголовке в нескольких части
    
    			if (mail($to, $subject, "",$headers)) {
    				echo "Спасибо за заявку! Скоро мы с вами свяжемся";
    			} else {
    				echo "Неполучилось";
    			}
    
    		} else {
    			echo "тип файла не имеет";
    		}
    
    	} else {
    		echo "файл не прикреплен";
    	}
    }
    ?>
    Ответ написан
    1 комментарий
  • Как из span взять текст и поместить его в input?

    vahe_2000
    @vahe_2000
    $(".notmain").click(function(){
      $('#input').val($(this).text());
    });
    Ответ написан
    Комментировать
  • Какие лучшие библиотеки для продвинутого parallax эффекта?

    vahe_2000
    @vahe_2000
    Добавление своего рода графический 3-D эффект на веб-сайте довольно здорово, если выполняется правильно и подходит тему вашего сайта или содержания. Но прокрутка параллакс должен быть один из самых творческих подходов к добавлению третье измерение и должны добавить значительную глаз конфеты просто о какой-либо веб-сайте.Веб-сайт с типичной параллакса эффект прокрутки есть фон, который прокручивает на более медленной скорости, как вы прокрутите страничку вниз. В то время как вы могли бы добиться этого с помощью чистого CSS Javascript или, лучше использовать библиотеку для более легкого выполнения на существующий проект. Здесь находятся 3 библиотеки, которые вы должны проверить в первую очередь.

    ==========================================================
    Stellar.js
    ==========================================================

    Stellar.js должно быть первая библиотека, чтобы проверить по ряду причин. Во-первых, домашняя страница библиотеки сразу показывает демо эффекта. Просто прокрутки по горизонтали, и вы не только заметите эффект, но также понимаю, как удивительно эффект может быть, когда речь идет несколько фоновых слоев. На вершине, что есть более Демос доступны и реализация не так сложно.Плагин довольно настраиваемый тоже, и поддерживает мобильные устройства.

    ========================================
    Jarallax
    ========================================

    Jarallax это хорошая альтернатива, если по какой-то причине, вы не хотите использовать JQuery на вашем сайте. В то время как библиотека находится все еще в бета-версии на момент написания Jarallax предлагает множество уникальных опций, которые могут быть лучше всего наблюдать в демо-зоне. Есть также видео-уроки, которые неопытные кодеры могут проверить. Это еще предстоит увидеть, хотя, если будут обеспечены будущие обновления.

    ==================================================
    Skrollr.js
    ==================================================

    Skrollr.js также не полагаться на JQuery, но это сложнее, показывая довольно обширный право документации на домашнюю страницу библиотеки. К счастью, есть ряд творческих примеров, которые наглядно демонстрируют гибкость этой библиотеки, так что вы можете увидеть, если его сложная природа, стоит прислушаться.Способность иметь браузер нарисовать что-нибудь с ....
    Ответ написан
    Комментировать
  • Как отправить POST через cURL?

    vahe_2000
    @vahe_2000
    $ch = curl_init();
    
    curl_setopt($ch, CURLOPT_URL,"http://www.mysite.com/tester.phtml");
    curl_setopt($ch, CURLOPT_POST, 1);
    curl_setopt($ch, CURLOPT_POSTFIELDS,
                "postvar1=value1&postvar2=value2&postvar3=value3");
    
    curl_exec ($ch);
    curl_close ($ch);

    The simplepost.php Example
    PHP/CURL Examples Collection
    Ответ написан
    Комментировать