Пара слов о программировании

Инвайты для социальной сети Google+

2011-07-01T16:25:15+06:00

Гилязетдинов Руслан угостил меня инвайтом в Google+. Теперь вот хочу пригласить читателей моего блога :) Для того, чтобы получить инвайт - сделайте ретвит этого и еще одного (любого) поста из моего блога. Не забудьте в комментариях написать твиттер аккаунт и email (желательно gmail).

Понимание Javascript с помощью Object Graphs

2011-04-25T01:47:31+06:00

Настоящее понимание семантики языка - важный секрет хорошего разработчика на Javscript. В этой статье с помощью диаграмм показаны основы JS.

Все - ссылки

Переменные в JS это ярлыки, которые указывают на значение в памяти. Эти значения могут быть простыми типами - строками, числами и булевыми значениями. Так же они могут быть объектами или функциями.

Локальные переменные

В примере ниже, мы создадим четыре локальные переменные в области видимости верхнего уровня и присвоим им значения.

// variables.js
// создаем локальные переменные
var name = "Алексей";
var age = 26;
var isProgrammer = true;
var likesJavaScript = true;
// Проверяем, что две переменные ссылаются на одно значение
isProgrammer === likesJavaScript; // true

Обратите внимание, что обе булевы переменные указывают на одно и то же значение в памяти. Это происходит из-за того что простые типы данных неизменны и виртуальная машина JS оптимизирует и объединяет все экземпляры в одно значение.

В этом куске кода мы проверили, указывают ли две переменные на одно значение используя ===, и получили в результате true.

Большой прямоугольник это наружная область видимости. Это локальные переменные верхнего уровня, но не надо путать их со свойствами объекта window, глобальными переменными.

Объекты и цепочки прототипов

Объекты это просто наборы ссылок на другие объекты и прототипы. И с еще одной специальной штукой - цепочкой прототипов, которая позволяет получить доступ к свойству, которого нет в локальном объекте, но которое есть в основном.

// objects.js
// создаем основной объект
var al = {
name: "Алексей",
age: 26,
isProgrammer: true,
likesJavaScript: true
}
// Создаем наследуемый объект
var valera = Object.create(al)
// локально переопределим некоторые свойства
valera.name = "Валера";
valera.age = 23;
// Остальные ищутся по цепочке прототипов
valera.likesJavaScript; // true

У нас был объект с четырьмя свойствами, на который указывала переменная al. Потом мы унаследовали от него другой объект, на который стала указывать переменная valera. Затем мы переопределили два свойства в новом объекте.

Теперь при обращении к valera.likesJavaScript, сначала будет найдена переменная valera. Затем будет попытка обратиться к свойству likesJavaScript. Так как его нет в этом объекте, но есть у родительского, будет возвращено значение родительского свойства likesJavaScript. И мы получим true.

Глобальный объект

Почему такие инструменты, как jslint, всегда напоминают написать ключевое слово var перед объявлением переменной (если его нет, конечно). Давайте посмотрим, что будет, если его все же забыли.

// globals.js
var name = "Алексей";
var age = 26;
var isProgrammer = true;
// упс, мы забыли ключевое слово var
likesJavaScript = true;

Обратите внимание likesJavaScript теперь свойство глобального объекта, а не какой-то переменной. Это имеет важное значение, если вы собираетесь использовать одновременно несколько разных скриптов. А в любом настоящем приложении вам придется использовать несколько скриптов.

Всегда ставьте ключевое слово var, для того, чтобы использовать ваше область видимости для переменных. Если следовать этому правилу, то вам будет гораздо легче писать и отлаживать программы.

Если вам действительно надо что-то положить в глобальный объект, сделайте это явно, например, так, window.woo (для браузеров) или global.goo (для node.js).

Функции и замыкания

JavaScript это не только последовательности вложенных структур данных. Переменные могут содержать выполняемый код - функции. Каждая функция имеет свою область видимости.

Визуализация замыканий

Функции можно представить в виде вложенных областей видимости или в виде специфических объектов, содержащих исполняемый код и имеющих свои свойства.

В этом примере мы реализуем простой фабричный метод, который будет генерировать замыкания и возвращать функцию.

// closure.js
function makeClosure(name) {
return function () {
return name;
};
}
var description1 = makeClosure("Первое замыкание");
var description2 = makeClosure("Второе");
console.log(description1());
console.log(description2());
 
// Результат:
// Первое замыкание
// Второе

Когда происходит вызов description1(), виртуальная машина JavaScript ищет функцию с таким названием и выполняет ее. И в каждой функции ищется локальная переменная name. Фабричный метод хорош тем, что создает функции со своей собственной областью видимости.

Хорошее понимание замыканий очень важно в JavaScript, и на эту тему написано много различный статей.

Общие функции и this

В JavaScript есть возможность переопределить значение this, что позволяет использовать функции с различными областями видимости, что бывает полезно для повышения производительности или для написания более красивого кода.

Ниже мы создадим несколько объектов, владеющих одной общей функцией. Эта функция будет использовать this, чтобы показать, как он меняется от вызова к вызову.

// functions.js
var lambda = {
name: "Лямбда",
description: function () {
return this.name;
}
};
var description = lambda.description;
var funct = {
description: lambda.description,
name: "Функция"
};
// вызываем функцию из четырех различных областей видимости
console.log(lambda.description());
console.log(funct.description());
console.log(description());
console.log(description.call({
name: "Что-то"
}));
 
// Результат:
// Лямбда
// Функция
// undefined
// Что-то

На диаграмме видно, что хоть funct.description присвоена lambda.description, на самом деле, это ссылки на одну и ту же функцию. Таким образом все три ссылки указывают на одну и ту же анонимную функцию. Именно по этому я стараюсь не называть функции в конструкторе прототипа "методами", так как они всего лишь способ указать что эта функция связанна с этим "классом". (здесь описано подробно о природе this)

Заключение

Я получил кучу удовольствия используя диаграммы для визуализации структур данных. Я надеюсь, они помогут тем, кто изучает JavaScript, в понимании его семантики. У меня есть опыт в разработке как клиентской, так и серверной части архитектуры. Возможно, мой опыт поможет новичкам в изучении Javascript, этого замечательного языка программирования.

Файлы с исходным кодом и dot файлы для генерации графов можно скачать здесь

Оригинал

Делаем "float:both" с помощью псевдоэлементов

2011-04-19T11:37:59+06:00

Предположим мы хотим создать подобный шаблон:

Зачем нам это надо? Ну, например, чтобы внимание читателя привлекла фотография кошки в середине. Как это сделать? (фото кошки получено с PlaceKitten)

Сделать такой макет не очень просто. Современные методы верстки не рассчитаны на такое использование. Иногда кажется, что они создавались вообще не для web-дизайна. Или я не прав? Даже бета версии CSS3 не позволяют легко сделать такой макет. На самом деле рисунок в нем похож на поплавок - текст огибает его с обоих сторон, вероятно, стоило бы использовать свойство center или both у float; но ничего подобного нет.

Но это возможно! Итак:

Пример

Сделано это с использованием псевдоэлементов. Добавим по псевдоэлементу в каждый столбец, один с float:left, другой с float:right. У каждого псевдоэлемента должна быть установлена высота равная высоте изображения и ширина равная половине ширины изображения (это без учета возможных отступов, а они нужны, например, для создания просвета между колонками).

Код:

#l:before, #r:before {
content: "";
width: 125px;
height: 250px;
}
#l:before {
float: right;
}
#r:before {
float: left;
}

Таким образом получиться своеобразная "дыра" для изображения. В примере использовалось абсолютное позиционирование изображения. Так же можно было оставить рисунок в центре и добавить отрицательный margin-top для правой колонки.

оригинал

Итераторы SPL (Standard PHP Library)

2011-04-18T14:03:06+06:00

Не так давно я писал о структурах данных в SPL. Теперь я решил написать о другой возможности этого расширения - об итераторах.

Что такое итератор согласно википедии:

Итератор — объект, позволяющий программисту перебирать все элементы коллекции без учёта особенностей её реализации.

В SPL есть несколько реализаций итераторов. По большей части они используют паттерн декоратор, так что можно совмещать несколько итераторов.

Примеры итераторов SPL

ArrayIterator

C помощью ArrayIterator можно создать итератор из массива. Это необходимо для использования декораторов.

$arrayIterator = new ArrayIterator(array(1, 2, 3));
 
foreach ($arrayIterator as $element) {
	print $element;
	print PHP_EOL;
}
// 1 2 3

Обратите внимание: в некоторых случаях, вместо ArrayIterator, можно использовать объект ArrayObject, который позволяет работать с объектами как с массивами.

RecursiveArrayIterator

У ArrayIterator есть один недостаток. Он работает только с одномерными массивами. Если вы хотите использовать многомерные массивы, воспользуйтесь RecursiveArrayIterator.

Для перебора рекурсивного итератора можно использовать RecursiveIteratorIterator.

$recursiveArrayIterator = new RecursiveArrayIterator(
	array('a', array('b', array('c')), array('d'))
);
 
foreach(new RecursiveIteratorIterator($recursiveArrayIterator) as $element)
{
	print $element;
	print PHP_EOL;
}
// a b c d

Обратите внимание: некоторые другие итераторы тоже имеют рекурсивную версию. Здесь вы можете найти все реализации интерфейса RecursiveIterator.

FilterIterator

FilterIterator отвечает за отсеивание ненужных значений. Это абстрактный класс с абстрактным методом accept(), который возвращает true, если значение удовлетворяет условию и false в противоположном случае.

Фильтруем значение больше чем 3:

$arrayIterator = new ArrayIterator(array(2, 4, 6));
 
class GreatherThanThreeFilterIterator extends FilterIterator
{
	public function accept()
	{
		return $this->getInnerIterator()->current() > 3;
	}
}
 
foreach (new GreatherThanThreeFilterIterator($arrayIterator) as $element) {
	print $element;
	print PHP_EOL;
}
// 4 6

Обратите внимание: для получения значение используется метод $this->getInnerIterator()->current().

RegexIterator

Это другой интересный итератор, который позволяет отсеивать значения используя регулярные выражения.

Возвращает элементы, которые начинаются на is_.

$arrayIterator = new ArrayIterator(array('is_one', 'is_two', 'was_three'));
 
foreach (new RegexIterator($arrayIterator, '/is_*/') as $element) {
	print $element;
	print PHP_EOL;
}
// is_one is_two

LimitIterator

LimitIterator отвечает за предельное количество итераций. Это может быть удобно при разбивке элементов коллекции на страницы.

$arrayIterator = new ArrayIterator(array('one', 'two', 'three')); 
 
foreach (new LimitIterator($arrayIterator, 2, 1) as $element) {
	print $element;
	print PHP_EOL;
}
// three

DirectoryIterator

DirectoryIterator предоставляет способ получения списка файлов в директории. Все файлы и директории представлены как объекты класса SplFileInfo, и содержат все системную информацию о себе.

Пример использования DirectoryIterator и FilterIterator для печати списка файлов в директории:

$directoryIterator = new DirectoryIterator('.');
 
class OnlyFilesFilterIterator extends FilterIterator
{
 
	public function accept()
	{
		return ! $this->getInnerIterator()->current()->isDir();
	}
}
 
foreach(new OnlyFilesFilterrIterator($directoryIterator) as $file) {
	print $file->getFilename();
	print PHP_EOL;
}

InfiniteIterator

Итератор InfiniteIterator позволяет бесконечно перечислять элементы коллекции. По достижению последнего элемента, цикл начнется с первого. Это полезно, когда вы хотите сделать свой сервер запросов или реализовать обработку реакций на события.

$arrayIterator = new ArrayIterator(array($task1, $task2, $task3));
$infiniteTaskIterator = new InfiniteIterator($arrayIterator);
 
foreach ($infiniteTaskIterator as $task) {
 
	$performSucceded = $task->perform();
	if (false === $performSucceded) {
		break;
	}
	usleep(200);
}

AppendIterator

С помощью AppendIterator можно объединить несколько итераторов в один.

$arrayIterator = new ArrayIterator(array(2, 4, 6));
$arrayIterator2 = new ArrayIterator(array(7, 8, 9)); 
 
$appendIterator = new AppendIterator();
$appendIterator->append($arrayIterator);
$appendIterator->append($arrayIterator2);
 
foreach ($appendIterator as $element) {
	print $element;
	print PHP_EOL;
}
// 2 4 6 7 8 9

GlobIterator

Итератор GlobIterator работает почти как функция glob(), но возвращает итератор, содержащий объекты класса SplFileInfo, вместо массива.

Код ниже вернет все файлы начинающиеся с точки в текущей директории.

$globIterator = new GlobIterator('.*');
 
foreach($globIterator as $file) {
	print $file;
	print PHP_EOL;
}

EmptyIterator

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

Но, возвращать нечего - что делать? Можно вернуть false, но это сломает цепочку декораторов или создать итератор из пустого массива. Но все же правильнее вернуть EmptyIterator.

SplFileObject

С помощью SplFileObject можно перебрать все строки файла. Что-то вроде функции file, но с помощью итераторов.

$fileObject = new SplFileObject('FILE');
 
foreach ($fileObject as $fileRow) {
	print $fileRow.PHP_EOL;
}

Функции для работы с итераторами

iterator_count

Число элементов в итераторе.

$arrayIterator = new ArrayIterator(array(1, 2, 3));
print iterator_count($arrayIterator);
// 3

iterator_apply

Применяет функцию к каждому элементу итератора.

$arrayIterator = new ArrayIterator(array(1, 2, 3));
 
function triple(Iterator $iterator) {
    print $iterator->current()*3;
    return true;
}
 
iterator_apply($arrayIterator, 'triple', array($arrayIterator));

Обратите внимание: вы можете прервать вызовы функции вернув false.

iterator_to_array

Очень полезная функция, создает массив из итератора.

$directoryIterator = new GlobIterator('.*');
var_dump(iterator_to_array($directoryIterator));
// массив объектов класса SplFileInfo

Структуры данных в SPL (Standard PHP Library)

2011-04-12T09:32:56+06:00

Standard PHP Library (SPL) это классная штука, так сказать - скрытая жемчужина PHP. На мой взгляд, расширение SPL совершенно необходимо для любого PHP программиста.

Одна из самых важных вещей в SPL это структуры данных. Раньше я использовал обычные массивы или простые структуры данных. После того, как я открыл для себя структуры данных SPL, я использую их в каждом проекте.

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

SplObjectStorage

Какой самый большой недостаток у массивов в PHP? В качестве ключей можно использовать только строки или целые числа. В некоторых случаях это может быть очень неудобно, например, при создании ассоциативного массива. Решить эту проблему поможет структура SplObjectStorage. В нем можно использовать объекты в качестве ключей.

$storage = new SplObjectStorage();
 
$objectA = new stdClass();
$objectB = new stdClass();
 
$storage[$objectA] = 'привет ';
$storage[$objectB] = 'мир';
 
print $storage[$objectA];
print $storage[$objectB];
print PHP_EOL; 
 
// привет мир

Другое применение SplObjectStorage - простая реализация множеств. Множества могут быть очень удобны при работе с переменным количеством объектов, например, с группой свойств.

class Language
{
 
	private $_name;
 
	public function __construct($name)
	{
 
		$this->_name = $name;
	}
 
	public function __toString()
	{
 
		return ucfirst($this->_name);
	}
}
 
$knownLanguages = new SplObjectStorage();
 
$english = new Language('english');
$russian = new Language('русский');
 
// добавляем english в множество
$knownLanguages->attach($english);
 
// проверяем, есть ли english в списке известных языков
var_dump($knownLanguages->contains($english));
// true
var_dump($knownLanguages->contains($russian));
// false
// добавляем русский в множество
$knownLanguages->attach($russian);
 
var_dump($knownLanguages->contains($russian));
// true
// удаляем english из множества
$knownLanguages->detach($english);
 
// печатаем языки
$knownLanguagesArray = array();
foreach ($knownLanguages as $knownLanguage) {
	$knownLanguagesArray[] = (string)$knownLanguage;	
}
print join(', ', $knownLanguagesArray);
// Русский

SplHeap

Куча используется, когда нужно хранить упорядоченные данные. SplHeap это абстрактный класс и его надо реализовать для использования.

В SPL есть две реализации SplHeap: SplMaxHeap - порядок от большего к меньшему и SplMinHeap - от меньшего к большему.

$splMinHeap = new SplMinHeap();
$splMinHeap->insert( 1 );
$splMinHeap->insert( 2 );
$splMinHeap->insert( 3 );
 
foreach ($splMinHeap as $value) {
	print $value;
	print PHP_EOL;
}
// 1 2 3
$splMaxHeap = new SplMaxHeap();
$splMaxHeap->insert( 1 );
$splMaxHeap->insert( 2 );
$splMaxHeap->insert( 3 );
 
foreach ($splMaxHeap as $value) {
	print $value;
	print PHP_EOL;
}
// 3 2 1

Класс SplHeap имеет один абстрактный метод - compare, который используется при добавлении элемента в кучу. Благодаря этому можно реализовать класс со своим способом сортировки или хранения объектов.

class Language
{
 
	private $_name;
 
	public function __construct($name)
	{
 
		$this->_name = $name;
	}
 
	public function getName()
	{
 
		return $this->_name;
	}
}
 
$russian = new Language('русский');
$english = new Language('english');
 
class LanguageHeap extends SplHeap
{
 
	public function compare(Language $objA, Language $objB)
	{
		return strcmp($objB->getName(), $objA->getName());
	}
}
 
$LanguageHeap = new LanguageHeap();
// добавляем в кучу
$LanguageHeap->insert( $russian);
$LanguageHeap->insert( $english );
 
 
foreach ($LanguageHeap as $language) {
	print $language->getName();
	print PHP_EOL;
}
// english русский

Обратите внимание: с php.net - Наличие нескольких элементов с одинаковым значением в куче не рекомендуется. Так как они не будут упорядочиваться относительно друг друга.

SplQueue

Другая хорошая структура это очередь. Если есть очередь задач или очередь писем для отправки, то можно использовать при реализации SqlQueue.

class Task
{
 
	private $_name;
 
	public function __construct($name)
	{
 
		$this->_name = $name;
	}
 
	public function getName()
	{
 
		return $this->_name;
	}
}
$splQueue = new SplQueue();
 
$task1 = new Task('проверить email');
$task2 = new Task('покормить кошку');
// добавляем в очередь
$splQueue->enqueue($task2);
$splQueue->enqueue($task1);
 
while ( $splQueue->count() > 0) {
        // получаем из очереди
	print $splQueue->dequeue()->getName();
	print PHP_EOL;
}
// печатается покормить кошку проверить email

SplPriorityQueue

Очередь с приоритетами - это более исчерпывающий тип очереди. Элементы извлекаются из очереди на основании приоритетов. Это может быть полезно при реализации менеджера задач или чего-нибудь подобного.

$taskManager = new SplPriorityQueue();
 
$task1 = new Task('проверить email', 1);
$task2 = new Task('покормить кошку', 10);
 
// добавляем в очередь
$taskManager->insert($task1, $task1->getPriority());
$taskManager->insert($task2, $task2->getPriority());
 
foreach ($taskManager as $task) {
	print $task->getName().' '.$task->getPriority();
	print PHP_EOL;
}
// печатается покормить кошку 10 проверить email 1

Обратите внимание: когда нужно получить приоритет в итерациях (если нет метода getPriority() в объекте) - можно воспользоваться setExtractFlags и там определять, что нужно получить.

SplPriorityQueue основан на SplHeap, таким образом можно расширить SplPriorityQueue, переопределив метод и реализовав свой алгоритм сортировки.

Цепочки вызовов в PHP

2011-03-21T06:57:08+05:00

В этой статье я расскажу про один из паттернов ООП - цепочку вызовов. Если вы работали с PHP фреймворками (Zend, CodeIgniter, CakePHP или другими), то наверняка видели подобный стиль вызова методов классов:

$obj->foo()->bar()->anotherMethod();

Такой стиль называется цепочка вызовов.

Рассмотрим использование цепочки вызовов на простом классе:

class Person  
{  
	private $name;  
	private $age;  
 
	public function setName($Name)  
	{  
		$this->name = $Name;  
	}  
 
	public function setAge($Age)  
	{  
		$this->age = $Age;  
	}  
 
	public function findMe()  
	{  
		echo "Меня зовут ".$this->name." и мне ".$this->age." лет.";  
	}  
}

Для доступа к классу создадим объект класса Person:

$myself = new Person();  
$myself->setName('Алексей');  
$myself->setAge('26');  
$myself->findMe();

В результате получиться:

Меня зовут Алексей и мне 26 лет.

Как сделать цепочку вызовов:

Для того чтобы использовать цепочку вызовов, надо изменить класс, чтобы каждый метод "setXXX" возвращал объект $this.

Теперь наш класс выглядит следующим образом:

class Person  
{  
	private $name;  
	private $age;  
 
	public function setName($Name)  
	{  
		$this->name = $Name;  
		return $this;//возвращаем this, т.е. объект класса Person
	}  
 
	public function setAge($Age)  
	{  
		$this->age = $Age;  
		return $this;//опять возвращаем this, т.е. объект класса Person
	}  
 
	public function findMe()  
	{  
		echo "Меня зовут ".$this->name." и мне ".$this->age. " лет.";  
	}  
}

Теперь можно использовать класс следующим образом:

$myself = new Person();  
$myself->setName('Алексей')->setAge('26')->findMe();

Суть концепции:

Скорее всего вы уже видели, как работает такой код. Но давайте разберем поподробнее. Методы в цепочке вызываются слева направо.

$myself = new Person() - создает новый объект класса Person

Далее, $myself->setName('Алексей') присваивает значение переменной и возвращает все тот же объект.

Т.к. $myself->setName('Алексей') возвращает объект класса Person, то можно использовать методы этого класса.

Зададим возраст пользователя $myself->setName('Алексей')->setAge('26'). Метод setAge('26') тоже возвращает объект $this, и можно опять вызывать другой метод этого класса.

В конце концов, метод findMe отображает информацию о пользователе:

$myself->setName('Алексей')->setAge('26')->findMe();

Цепочка вызовов работает.

Цепочки вызовов в нескольких классах:

Если у в проекте несколько классов, то цепочки вызовов могут и тут облегчить вам жизнь.

Рассмотрим пример:

class ComplexPerson  
{  
	public function setName($Name)  
	{  
		return new FindNames($Name);//возвращаем объект класса FindAges
	}  
 
	public function setAge($Age)  
	{  
		$this->age = $Age;  
		return new FindAges($Age);//возвращаем объект класса FindAges
	}  
}  
 
class FindNames  
{  
	private $name;  
 
	public function __construct($n)  
	{  
		$this->name = $n;  
	}  
 
	public function printName()  
	{  
		echo "Меня зовут ".$this->n.".";  
	}  
}  
 
class FindAges  
{  
	private $age;  
 
	public function __construct($a)  
	{  
		$this->age = $a;  
	}  
 
	public function printAge()  
	{  
		echo "Мне ".$this->age." лет.";  
	}  
}

Теперь мы можем использовать цепочки вызовов в этих классах:

$anotherMe = new ComplexPerson();  
$anotherMe->setName("Алексей")->printName();  
$anotherMe->setAge("26")->printAge();

Цепочки вызовов и магические сеттеры

Как сделать так, чтобы присвоение свойст объекту было красивым и не требовало написания кучи кода? Методы присвоения свойств очень похожи - объединим их, воспользовавшись магическим методом __call. Рассмотрим это на примере:

class Email
{
	public $from;
	public $to = array();
	public $subject;
	public $body;
 
	public function send()
	{
		// заглушка для отправки почты
		echo "Отправляем mail";
	}
 
	public function __call($name, $arguments)
	{
		// присвоение переменной значения
		if (substr($name,0,4) == 'set_') 
		{
			$property = substr($name,4);
			$this->$property = $arguments[0];
		// добавление значения в массив
		} 
		else if (substr($name,0,4) == 'add_')
		{
			$property = substr($name,4);
			array_push($this->$property, $arguments[0]);
		}
		// этот метод тоже может быть использован в цепочке вызовов
		return $this;
	}
}

Обратите внимание, что методов set_from, set_subject, set_body и add_to нет. Тем не менее Этот код дает возможность использовать класс следующим образом:

require_once ('Email.php');
 
$my_email = new Email();
$my_email
	->set_from('test@email.com')
	->add_to('programming@gmail.com')
	->add_to('smth@gmail.com')
	->set_subject('Цепочки ввызовов')
	->set_body(Само сообщение')
	->send();

Цепочки вызовов для валидаторов

Предположим у нас есть такой код для валидации отправляемых данных:

$validation = new Validation();
$myvar = $_POST['somepostvariable'];
if ($validation->required($myvar) && $validation->isInt($myvar))
{
	print 'Все верно';
}
else
{
	print 'Не валидные данные';
}

Как сделать его более легким для восприятия? Например, таким:

$validation = new Validation();
$myvar = $_POST['somepostvariable'];
if ($validation->value($myvar)->required()->isInt()->execute())
{
	print 'Все верно';
}
else
{
	print 'Не валидные данные';
}

Для этого напишем следующий класс:

Class Validation
{
	public $value = '';
	public $error_count = 0;
 
	public function __construct()
	{
	}
 
	public function value($value)
	{
		$this->value = $value;
		return $this;
	}
 
	public function required()
	{
		if (empty($this->value))
		{
			$this->error_count++;
		}
		return $this;
	}
 
	public function isInt()
	{
		if (!is_numeric($this->value) || intval($this->value) !=$this->value)
		{
			$this->error_count++;
		}
		return $this;
	}
 
	public function execute()
	{
		if ($this->error_count>0)
		{
			$this->error_count = 0;
			return false;
		}
		else
		{
			return true;
		}
	}
}

Цепочка вызовов в построении запроса к БД

Другим хорошим примером цепочки вызовов является стандартная реализация паттерна Active Record

$db = new Database;
$customers = $db->select("name,email")
	->from("customers")
	->where("name","joe")
	->limit(5)
	->execute();

В результате будет сделан запрос:

SELECT name,email FROM customers WHERE name='joe' LIMIT 0,5

Вот и все :)

Как сделать ввод пароля наподобие iPhone

2011-03-15T10:25:38+05:00

Якоб Нильсен, не так давно, предположил, что скрывать вводимый пароль звездочками - не самая лучшая идея:

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

Якоб Нильсен

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

Пользователи привыкли, что их пароль никто не видит.

Пароли - это безопасность

Пароли - это основа безопасности. Если на сайте можно ввести пароль, то для большинства пользователей он - безопасен, вне зависимости от того как это обстоит на самом деле. Если показать ввод пароля вместо звездочек, это сэкономит вашим пользователям несколько секунд, но скажется на доверии к вашему сайту.

Хорошее решение

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

Как сделать на вашем сайте

Как сделать удобный ввод пароля используя только Javascript и CSS?

1. Добавить стандартный тэг input с type=text вместо type=password.

2. Добавить скрытое поле с реальным паролем, куда JavaScript будет копировать введенные пользователем символы.

3. Когда пользователь отправляет форму, отправить имя пользователя и поле с настоящим паролем, и убрав поле со спрятанным паролем (так как он будет содержать только звездочки).

Решение на jQuery

Как использовать:

<input id="password" type="password"/>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jQuery.dPassword.js"></script>
<script type="text/javascript">
$(document).ready( function() {
    $('#password').dPassword(); 
});
</script>

Введите что-нибудь:

Показать пароль

Параметры конфигурации

interval: Временной интервал между проверками новых символов
duration: Время, по истечению которого символ будет спрятан
replacement: Символ для замены, по умолчанию: %u25CF
prefix: Префикс генерируемого тэга input. По умолчанию - password_.
debug: Для отладки. Должен быть установлен и включен FireBug

Готово!

Это решение проблемы? По большей части - да. Это золотая середина между полным сокрытием пароля и тем, чтобы не скрывать его вовсе. Эксперт по безопасности Bruce Schneier назвал такое решение в Blackberry/iPhone "отличным компромиссом".

Однако, это не работает в старых браузерах, или при отключенном JavaScript. Идеальным решением была бы реализация такого функционала на уровне браузера.

Drag-n-drop в HTML5

2011-03-01T13:55:40+05:00

Введение

Долгое время для того чтобы упростить создание сложных элементов пользовательского интерфейса, с применением анимации, скругленных углов или drag-n-drop, использовались jQuery, Dojo и им подобные библиотеки. И это, безусловно, удобно для создания сложных web-приложений.

Drag-n-drop теперь есть в HTML5. Спецификация определяет событийный механизм, JavaScript API и дополнительные элементы разметки, позволяя таскать по странице любой ее элемент. Я не думаю, что кто-то будет против поддержки drag-n-drop на уровне браузера. Поддержка браузерами drag-n-drop приведет к созданию более быстрых, "отзывчивых" web-приложений.

Есть ли поддержка в браузере?

Многим приложениям внезапно отключившийся drag-n-drop может очень повредить. Например, представьте что рисунки фигурок в шахматах не двигаются. Упс! Очень важно выяснить поддерживает ли браузер пользователя drag-n-drop (да, вообщем-то, и любой другой используемый функционал). Если drag-n-drop недоступен, следует вернуться к использованию какой-либо JS библиотеки.

Если вы используете API, проверяйте поддержку функционала с помощью библиотек, а не по User-Aget`у. Одна из лучших библиотек для этого называется Modernizr. Modernizr имеет логическое свойство на каждый проверяемый функционал. Таким образом, проверка на поддержку drag-n-drop выглядит следующим образом:

if (Modernizr.draganddrop) {
// браузер поддерживает drag-n-drop HTML5 
} else {
// не поддерживает, нужно использовать JS библиотеку, как раньше
}

Создание перетаскиваемых элементов

Сделать элемент перетаскиваемым очень просто. Достаточно добавить атрибут draggable=true. Перетаскивать можно что угодно - рисунки, ссылки, вообщем, любые узлы DOM.

Давайте, в качестве примера, сделаем перетаскиваемые колонки. Разметка:

<div id="columns">
<div class="column" draggable="true">A</header></div>
<div class="column" draggable="true">B</header></div>
<div class="column" draggable="true">C</header></div>
</div>

Стоит отметить, что в большинстве браузеров такие элементы, как выделенный текст, ссылки и рисунки, можно перемещать по умолчанию. К примеру, ухватив за логотип гугла на google.com, получим вот такое полупрозрачное изображение:

Многие браузеры поддерживают перетаскивание рисунков по умолчанию.

которое можно бросить на адресную строку, в тэг input или, даже, на рабочий стол. Используя drag-n-drop HTML5, можно добавить этот функционал любому элементу.

Используя немного CSS3 можно сделать наши колонки чуть красивее и удобнее. Добавим курсор: он показывает пользователю, что элемент может быть перемещен.

>
/* не разрешаем выделять перетаскиваемые элементы */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.column {
  height: 150px;
  width: 150px;
  float: left;
  border: 2px solid #666666;
  background-color: #ccc;
  margin-right: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 3px #000;
  box-shadow: inset 0 0 3px #000;
  text-align: center;
  cursor: move;
}
.column header {
  color: #fff;
  text-shadow: #000 0 1px;
  box-shadow: 5px;
  padding: 5px;
  background: -moz-linear-gradient(left center, rgb(0,0,0), rgb(79,79,79), rgb(21,21,21));
  background: -webkit-gradient(linear, left top, right top,
                               color-stop(0, rgb(0,0,0)),
                               color-stop(0.50, rgb(79,79,79)),
                               color-stop(1, rgb(21,21,21)));
  border-bottom: 1px solid #ddd;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}
>

Результат (только таскаются, ничего больше):

Большинство браузеров, при перетаскивании в примере выше, создадут полупрозрачный рисунок. Но не все, к примеру, для Firefox требуются дополнительный код. Дальше мы сделаем наш пример более интересным, добавив перехватчики событий.

Ловим событие перетаскивания

Вот список событий, которые позволяют отслеживать процесс драг-н-дропа:

dragstart
drag
dragenter
dragleave
dragover
drop
dragend

Заметьте, что источники этих событий разные: это может быть и сам элемент (когда его перетаскивают), элемент над которым перетаскивают и элемент в котором бросают. Это может быть рисунок, ссылка, файл, кусок HTML, да что угодно. Элемент, в который бросают другой, может задавать тип принимаемых данных. Имейте в виду, что не все элементы могут быть принимающими (например рисунки не могут).

1. Начинаем перетаскивать

После того как мы добавили атрибут draggable="true", назначим обработчик события dragstart каждому элементу.

Этот код будет делать перетаскиваемый элемент на 40% прозрачнее:

function handleDragStart(e) {
  this.style.opacity = '0.4'; // this/e.target перетаскиваемый элемент
}
var cols = document.querySelectorAll('#columns .column');
[].forEach.call(cols, function(col) {
  col.addEventListener('dragstart', handleDragStart, false);
});

Результат:

После события dragstart, его источник станет на 40% прозрачнее, что очень хорошо для создания обратной связи, т.о. пользователь видит, какой элемент он двигает. Теперь надо сделать его не прозрачным, после того, как он будет брошен. Вполне логично, что это делается в обработчике события dragend. Но об этом чуть позже.

2. dragenter, dragover и dragleave

События dragenter, dragover и dragleave можно использовать для того, чтобы сделать процесс переноса более наглядным и красивым. Например, можно добавить рамку тому элементу, над которым происходит перетаскивание. Это позволит пользователям увидеть, где можно бросить элемент.

>
.column.over {
  border: 2px dashed #000;
}
>

function handleDragStart(e) {
  this.style.opacity = '0.4'; // this/e.target перетаскиваемый элемент
}
function handleDragOver(e) {
  if (e.preventDefault) {
    e.preventDefault(); // Обязательно. Позволяет "бросать" элемент.
  }
  e.dataTransfer.dropEffect = 'move'; // смотри часть про DataTransfer.
  this.addClassName('over');
  return false;
}
function handleDragEnter(e) {
  // this/e.target элемент над которым перетаскивают что-то
  this.addClassName('over');
}
function handleDragLeave(e) {
  this.removeClassName('over'); // this/e.target элемент над которым закончили перетаскивать
}
var cols = document.querySelectorAll('#columns .column');
[].forEach.call(cols, function(col) {
  col.addEventListener('dragstart', handleDragStart, false);
  col.addEventListener('dragenter', handleDragEnter, false);
  col.addEventListener('dragover', handleDragOver, false);
  col.addEventListener('dragleave', handleDragLeave, false);
});

Три места в коде, на которые стоит обратить внимание:

this/e.target различаются, в зависимости от события.
В случае перетаскивания чего-нибудь вроде ссылки, надо запретить браузеру переходить по ней. Для этого надо вызвать e.preventDefault() в обработчике события. Либо вернуть false. Разные браузеры по разному реализуют это, но если использовать и то и другое - вреда не будет.
Для переключения класса "over" используется событие dragenter, а не dragover. Если использовать dragover, обработчик будет вызываться очень много раз. Что очень не хорошо.

Функции для добавления, удаления, переключения CSS классов:

Element.prototype.hasClassName = function(name) {
  return new RegExp("(?:^|\\s+)" + name + "(?:\\s+|$)").test(this.className);
};
Element.prototype.addClassName = function(name) {
  if (!this.hasClassName(name)) {
    this.className = this.className ? [this.className, name].join(' ') : name;
  }
};
Element.prototype.removeClassName = function(name) {
  if (this.hasClassName(name)) {
    var c = this.className;
    this.className = c.replace(new RegExp("(?:^|\\s+)" + name + "(?:\\s+|$)", "g"), "");
  }
};

Подсказка: вместо определения таких вот дополнительных функций или использования таких библиотек, как jQuery, вы можете воспользоваться Element.classList API, который уже поддерживается последними сборками FF, WebKit и Chromium.

3. Бросаем

Для обработки процесса бросания элемента, надо назначить обработчик событий drop и dragend. В нем надо отменить поведение браузера по умолчанию, т.к. это может быть переход на другую страницу. Вы можете остановить дальнейшую обработку события вызвав e.stopPropagation().

Обработчики этих событий довольно малы, в drop больше ничего не происходит, а в dragend удаляется класс 'over' из всех колонок:

...
function handleDrop(e) {
  // this / e.target это элемент куда "бросают".
  if (e.stopPropagation) {
    e.stopPropagation(); // чтобы браузер не делал редирект.
  }
  // смотри часть про DataTransfer.
  return false;
}
function handleDragEnd(e) {
  // this/e.target это источник события.
  [].forEach.call(cols, function (col) {
    col.removeClassName('over');
  });
}
var cols = document.querySelectorAll('#columns .column');
[].forEach.call(cols, function(col) {
  col.addEventListener('dragstart', handleDragStart, false);
  col.addEventListener('dragenter', handleDragEnter, false)
  col.addEventListener('dragover', handleDragOver, false);
  col.addEventListener('dragleave', handleDragLeave, false);
  col.addEventListener('drop', handleDrop, false);
  col.addEventListener('dragend', handleDragEnd, false);
});

Результат:

Как вы можете заметить наш пример все еще не обрабатывает бросание элемента. Добавим объект DataTransfer.

Объект DataTransfer

В свойстве dataTransfer вся магия drag-n-drop. В нем храниться данные отсылаемые в процессе перетаскивания. dataTransfer задается в событии dragset и используется в событии drop. Вызов e.dataTransfer.setData(format, data) устанавливает mimetype и данные нужные для перетаскивания.

В нашем примере, мы сохраняем исходный код перетаскиваемого элемента:

var dragSrcEl = null;
function handleDragStart(e) {
  // this это перетаскиваемый элемент
  this.style.opacity = '0.4';
  dragSrcEl = this;
  e.dataTransfer.effectAllowed = 'move';
  e.dataTransfer.setData('text/html', this.innerHTML);
}

Свойство dataTransfer имеет функцию getData(format) для получения сохраненных данных. Изменим процесс бросания элемента:

function handleDrop(e) {
  // this/e.target - перетаскиваемый элемент
  if (e.stopPropagation) {
    e.stopPropagation(); // отменяет переход по ссылке
  }
  // Если ничего не перетащили - ничего не делаем.
  if (dragSrcEl != this) {
    // изменяем исходный код элементов
    dragSrcEl.innerHTML = this.innerHTML;
    this.innerHTML = e.dataTransfer.getData('text/html');
  }
  return false;
}

В глобальной переменной dragSrcEl храниться перетаскиваемый элемент. В handleDragStart() сохраняется значение этой переменной, а в handleDrop() ее содержимое меняется HTML с колонкой в которую бросают перетаскиваемый элемент.

Результат:

Параметры перетаскивания

Свойство dataTransfer предоставляет возможность тонкой настройки отображения процесса переноса.

dataTransfer.effectAllowed

Эффект, поддерживаемый целевым элементом перетаскивания. Как правило, это значение задается обработчиком события dragstart. Может принимать следующие значения: none, copy, copyLink, copyMove, link, linkMove, move, all и uninitialized.

dataTransfer.dropEffect

Эффект, выбранный пользователем или целевым элементом. Может принимать следующие значение: none, copy, link, move.

e.dataTransfer.setDragImage(img element, x, y)

Вместо того чтобы использовать при перетаскивании полупрозрачную картинку по умолчанию, отобразим свою иконку:

var dragIcon = document.createElement('img');

dragIcon.src = 'logo.png';

dragIcon.width = 100;

e.dataTransfer.setDragImage(dragIcon, -10, -10);

Результат (с логотипом гугла, когда перетаскиваете):

Перетаскивание файлов

С помощью drag-n-drop можно перетаскивать файлы с рабочего стола в браузер. По крайней мере Google Chrome поддерживает этот функционал.

Перетаскивание файлов с рабочего стола в браузер

Перетаскивание файлов происходит почти так же, как и обычный drag-n-drop. Отличие только в обработке бросания файлов. Вместо использования dataTransfer.getData(), данные о файлах хранятся в dataTransfer.files:

function handleDrop(e) {
  e.stopPropagation(); // останавливаем дальнейшую передачу события
  e.preventDefault();
  var files = e.dataTransfer.files;
  for (var i = 0, f; f = files[i]; i++) {
    // читаем объекты File из FileList
  }
}

О том как использовать drag-n-drop для перетаскивания файлов в браузер, подробно написано в статье "Reading local files in JavaScript".

Перетаскивание из браузера на рабочий стол

Для того разобраться, как перетаскивать файлы на рабочий стол, смотрите "Drag out files like Gmail" от CSS Ninja.

Окончательный пример

Конечный вариант, немного измененный и со счетчиком перемещений:

Самое интересное, что все колонки являются одновременно и перетаскиваемыми элементами и местами, куда можно перетащить. Обычно делается несколько по другому. Примеры можно посмотреть на html5demos.com/drag.

Заключение

Бесспорно, модель drag-n-drop в HTML5 является более сложной, по сравнению с тем же jQuery UI. Однако, если вы можете использовать встроенный в браузер функционал - используйте его! В конце концов, это же и есть цель HTML5, стандартизировать возможности для разработки сложных приложений в браузере. Думаю, популярные библиотеки со временем включат в свой состав поддержку встроенной реализации браузером drag-n-drop.

Ссылки

Спецификация drag-n-drop
"Drag Operations" от MDC
"Native Drag and Drop" статья на html5doctor
"Drag out files like Gmail" от CSS Ninja
оригинал (engl)

Использование jQuery Deferred

2011-02-12T12:52:10+05:00

Если вы перешли к jQuery 1.5, то, наверно, уже слышали о новом функционале, позволяющем сделать следующее:

var jax = $.ajax({
  url: '/some/url'
})
jax.success(function() {
  alert("Работает!");")
});

Эта штука называется Deferred (отложенные вызовы), и она зачастую намного удобнее использования обратных вызовов. Более подробно можно почитать в документации jQuery или здесь на русском. А здесь я приведу несколько практических примеров, как можно использовать этот новый функционал.

Более удобное использование setTimeout

Мне никогда не нравилась setTimeout в Javascript. С помощью Deferred можно очень красиво создать таймаут.

$.wait = function(time) {
  var dfd = $.Deferred()
  setTimeout(function() {
    dfd.resolve();
  }, time);
  return dfd;
}

Теперь, благодаря Deferred, можно создать таймер таким образом:

$.wait(5000).then(function() {
  alert("Привет из будущего!");
});

Это совсем небольшой пример, но он показывает как легко писать приложения с отложенными функциями. Следующий пример чуточку сложнее.

Красивые обертки

С помощью jQuery можно делать красивые, небольшие обертки для вызова функций API. Я никогда не любил писать много кода для описания обратных вызовов, с помощью Deferred это делается гораздо проще и лучше.

Twitter = {
  search:function(query) {
    var dfr = $.Deferred();
    $.ajax({
      url:"http://search.twitter.com/search.json",
      data:{q:query},
      dataType:'jsonp',
      success:dfr.resolve
    });
    return dfr;
  }
}

Как теперь можно использовать поиск Twitter в приложении:

Twitter.search('intridea').then(function(data) {
  alert(data.results[0].text);
});

Преимущества Deferred

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

function doSomething(arg) {
  var dfr = $.Deferred();
  setTimeout(function() {
    dfr.reject("Увы, что-то пошло не так.");
  });
  return dfr;
}
doSomething("uh oh").done(function() {
  alert("А здесь мы поймали ошибку!");
}).fail(function(message) {
  alert(message)
});

Deferred это простой и мощный инструмент, который позволит сделать ваш код более чистым, понятным и более функциональным.

оригинал

Распространенные ошибки PHP разработчиков при работе с MySQL

2011-02-04T13:30:24+05:00

База данных это основная часть большинства веб-приложений. А если вы используете PHP, то скорее всего вы так же используете и MySQL - часть стандартного LAMP.

Начать писать на PHP довольно просто, многие начинающие разработчики могут написать работающий код через несколько часов после начала изучения. Однако, создание более сложного приложения требует как времени, так и опыта. Дальше приведены десять самых распространенных ошибок, которые я видел, при работе с MySQL (некоторые могут быть в любом языке/базе данных).

1. Использование MyISAM вместо InnoDB

В MySQL можно использовать разные типы таблиц, наиболее распространены MyISAM и InnoDB.

MyISAM используется по умолчанию. Однако, скорее всего это не правильный выбор! MyISAM не поддерживает внешние ключи и транзакции, очень важны для сохранения целостности данных. К тому же, при создании новой записи или редактировании старой, блокируется вся таблица, что может нехорошо сказаться на производительности.

Решение просто - используйте InnoDB.

2. Использование функций mysql вместо mysqli

PHP предоставляет функции библиотеки MySQL с самого начала (или почти с самого, не важно). Многие приложения используют mysql_connect, mysql_query, mysql_fetch_assoc и т.д., но что написано в мануале PHP:

"If you are using MySQL versions 4.1.3 or later it is strongly recommended that you use the mysqli extension instead."

mysqli, другая библиотека для работы с MySQL (MySQL improved - улучшенная работа с MySQL), имеет следующие преимущества:

объектно-ориентированный интерфейс

подготовленные выражения (prepared statements) (которые помогают предотвратить SQL-инъекции и улучшить производительность)

множественные операторы и поддержка транзакций.

Так же можно использовать PDO, если нужна возможность работы с несколькими базами.

3. Не проверяются данные полученные от пользователя

Правило номер 1: Никогда не доверяйте данным, введенным пользователем. Проверяйте все данные, не полагайтесь на JavaScript. Пример простейшей атаки с SQL-инъекцией:

$username = $_POST["name"];
$password = $_POST["password"];
$sql = "SELECT userid FROM usertable WHERE username='$username' AND password='$password';";
// выполняем запрос

Такой запрос легко сломать - переда в поле username значение “admin'; --”. В результате будет выполнен следующий запрос:

SELECT userid FROM usertable WHERE username='admin';

И хитрый хакер получит доступ к админскому аккаунту, так как проверка пароля будет закомментирована.

4. Не используется UTF-8

Используя CP-1251, KOI-8 и других кодировок, вы забываете о символах из других кодировок, которые используются в других языках, например японский или арабский.

UTF-8 решает многие проблемы с интернационализацией. Хотя нормальной поддержки UTF-8 в PHP не будет до версии 6.0, никто не мешает использовать ее в базе данных.

5. Использование PHP, там где нужна MySQL

Если вы только начинаете работать с MySQL, очень заманчиво использовать возможности языка программирования для решения каких-либо возникающих проблем. Это может привести к ненужному и медленному коду. Например, вместо использования цикла на PHP для расчета среднего значения, нужно воспользоваться функцией MySQL avg().

Так же не стоит делать запросы в цикле. Более эффективно сделать запрос и пройтись результату циклом.

В общем, используйте сильные стороны базы данных. Знание SQL сильно поможет в этом.

6. Не оптимизируются запросы

99 проблем из 100 с производительностью PHP вызваны не правильной работой с базой данных и использование не оптимальных запросов. Используйте EXPLAIN перед SELECT для профилирования запроса.

7. Используются неправильные типы данных

MySQL предлагает широкий выбор типов данных: строки, числа, время. Если хотите хранить дату используйте тип DATE или DATETIME. Использование STRING вместо INTEGER сделает запросы более сложными, а иногда и вовсе невыполнимыми.

Часто кажется заманчивым использовать новый формат данных, например, сериализовать PHP объект в строку и сохранить. Хорошо подумайте, так ли это необходимо, и не будет ли потом проблем с кодом и базой.

8. Используются * в запросах

Никогда не используйте * в запросах. Это лень: ведь вам нужно извлечь только необходимы данные. Даже если сейчас вам нужные все поля, таблица может и измениться в будущем.

9. Недостаточное или избыточное индексирование

Общее правило - индексы должны быть созданы на все поля использующиеся в WHERE и JOIN.

К примеру, у нас есть таблица пользователей с полями id (первичный ключ) и email. При входе в систему, MySQL должен найти id соответствующий введенному email. При использовании индекса, MySQL может применить быстрый алгоритм поиска, выдав результат почти мгновенно. Без индекса будет проходиться вся таблица, пока не найдется нужная запись.

Заманчиво добавить индекс к каждой колонке, но они генерируются заново при каждой операции INSERT и UPDATE. Это скажется на производительности; добавляйте индексы только там где они нужны.

10. Не делаются бэкапы

Редко, но базы данных падают. Жесткие диски ломаются. Сервера выходят из строя. Хостинги банкротятся. А потеря данных из вашей базы может стать катастрофой, если вы не делаете регулярные бэкапы.

11. Дополнительно - смотрите и на другие СУБД.

MySQL наиболее широко используемая PHP-разработчиками база данных, но это ведь не единственный вариант. PostgreSQL и Firebird - ближайшие конкуренты MySQL: и та и другая open-source и развиваются сообществом разработчиков. Microsoft предоставляет SQL Server Express, Oracle - 10g Express, оба продукта имеют бесплатную версию. Для маленьких или встраиваемых приложений может быть использована SQLite.

А у вас были эти ошибки?

Оригинал