Introweb - въведение в уеб развитие

Пример 1. HTML маса

Таблични данни продукция може да се реализира със специални свойства таблични каскадни стилове.

1-1 1-2 Cell Cell Cell Cell 1-3 1-4

2-1 2-2 Cell Cell Cell Cell 2-3 2-4

CSS-маси предимство е възможността за разделяне на структурата на данните с данните и фина настройка на параметрите на елементите, но те се показват по-бавно, HTML-таблица.

За да се увеличи скоростта на показване на данни, можете да използвате слоеве, за да се създаде DIV-маса.

DIV-маса много по-сложно да се създаде в сравнение с HTML- и CSS-маси, но малък брой записи се показват забележимо по-бързо от предишната, като слоевете се показват наведнъж, вместо след формирането на цялата структура, какъвто е случаят с HTML- и CSS -Table.

С увеличаването на броя на записите DIV-маса започва да "плава" на основание, че браузърът не разполагат с време, за да се покаже едновременно голям брой слоеве и започва да се забавя.

След кратък експеримент е ясно, че по-горе методи не могат коренно да увеличат скоростта на показване на големи обеми от данни в таблична форма. Тогава реших да сравни скоростта на изхода на твърдото тяло на информация по различни начини, за да се разбере, а дори и да има един обект, който е в състояние бързо да показва информацията за маса?

Форма елементи визуално се припокриват HTML-елементи, така че линиите на вертикален списък сепаратор се използва също SELECT елемент форма конфигуриран по определен начин за получаване на тънка линия. Визуално, масата от списъка се оказа, и как да се покаже информацията в него? За това е необходимо да се избере едноразряден шрифт (Светъл конзолата) и посредством попълване символ за получаване на подреждане на редовете от броя на символите, поставени в клетката:

Yache. 1 +++ +++ Yacheyka2 Yacheyka3
sel_1 +++++ GOOD2 +++++ Yache3
SEL_1: ++ 1 ++ yaCheYkA21 n3

където "+" - попълва символ, че в реалния свят, например, се заменя от интервал характер.

Поради Monospace получава поредица от същата дължина, както и използването уплътнение характер разделя низа на парчета, които се показват в клетките на таблицата. Това означава, че в списъка за избиране на извежда низове, разделени с интервали, които визуално прилича на маса.

Пример 4. SELECT маса (списък маса)

Код Име Описание Цена

  • пълнене висока скорост на данни
  • високоскоростен пренос на данни (движещ се през записите, търсене и т.н.)
  • интерактивност
  • Значително намаляване на обема на предаваните данни от сървъра, защото само данните се прехвърлят без маркери за форматиране
  • Възможност за работа с данни в реално време
  • Простотата на потребителския опит на масата
  • Компактната организация на страницата
  • Простотата на визуалния дизайн на таблицата
  • Възможност за ефективно прилагане на механизъм за предварително зареждане и данни за непрекъснато натоварване
  • Комплекс за настройка и необходимостта от планиране на процеса на създаване на една маса
  • Невъзможност за показване на графични данни в клетки
  • Няма възможност на красива проектни данни в клетките
  • Трудности при прилагането на механизма интерактивно променят размера на масата и клетки

AJAX технологии не е принципно нова идея, тъй като зареждането на данните без да презареждате HTML-страници може лесно да се извършва с помощта на вградената рамка. Едно от предимствата на AJAX се крие във факта, че тази технология при използване на относително бърз канал за комуникация дава възможност на много ефективна работа и с обикновен HTML-маси, да не говорим за работа с Селект масите!

Вие не можете да прехвърлите цялата таблица, както и използването DHTML за вграждане на данните в клетките си. Ако искате да се постигне още по-голяма оптимизация, че е възможно, когато превъртате масата на един запис, за да се измести всички редове в масива с една позиция нагоре или надолу, и от сървъра само за заявяване на нов рекорд, което значително ще намали количеството прехвърлени данни. Освен това можете да заредите предварително всички записи от база данни на сървър в локална масив, което допълнително ускорява работата.

Благодарение на AJAX традиционния уеб-сайт може да бъде превърната в уеб приложение, което нещо ще изглежда като традиционна Windows базирано приложение. И това е необходимо? WEB-общност непрекъснато се стреми да излезе с нещо си специален, но тук се оказва завръщане към скучна и монотонна сиви прозорците. Това, което искахме да възкликнем дизайнери! Ако традиционната програмиране предлага ефективна и разбираема за много механизми на онлайн магазини, тогава защо ви е нужен, за да се откажат от тях в името на стил и продължи да бие главата ми в стената?

Парадоксално е, че това е разработчиците на уеб технологиите и браузъри да попречат на развитието на редица области на WEB. HTML 5, XML, CSS 3, Flash, виртуална реалност и др. и др. - всичко е наред, но за пръв път ни, уеб разработчици и потребители, нормална маса обект, който чакаме вече е "единадесет" години и с чувство на удовлетворение Разработване най-малко 5 на измерване WEB нека!