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

Например:

var x = 12.5432;
x = x - (x%1);

В результате x будет равен 12.

Также это можно реализовать и в php, а можно и так.

Иногда бывает нужно обработать большой объем данных в браузере с помощью JavaScript или отсортировать большой массив. Но при этом браузер не выдерживает и зависает или выдает ошибку что было остановлено выполнение функции по таймауту.

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

Для этого в теле цикла достаточно разместить следующий код:

if(outs > 4000){
outs = 0;
setTimeout(doWork, 1);
}
outs++;

где doWork – это пустая функция:

 function doWork(){}

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

1) Общеизвестный факт, что работа с DOM деревом - это очень трудоемкий процесс для браузера. Но не каждый знает, как можно уменьшить количество обращений к DOM. Просто сохраните нужный элемент в переменную и дальше работайте уже непосредственно с ней:

var my_list = document.getElementById("lists");
for(var i=0; i<10000; i++){
var item = document.createElement("li");
item.innerHTML = "Пункт №"+ (i+1);
my_list.appendChild(item);
}

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

После оптимизации этого кода, получим:

var my_list = document.getElementById("lists");
var my_fragment = document.createDocumentFragment();
for(var i=0; i<10000; i++){
var item = document.createElement("li");
item.innerHTML = "Пункт №"+ (i+1);
fragment.appendChild(item);
}
my_list.appendChild(my_fragment);

Как видим, теперь обращений к DOM стало в 2 раза меньше. А прирост в скорости – больше!

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

var names = ['w1','w2','w3','w4',…];

Теперь пройдемся циклом по его элементам:

for(var i=0; i < names.length; i++) {
// doSomething…
}

На первый взгляд все просто и обычно, но на самом деле, с каждой итерацией мы заново вычисляем длину массива names, тем самым тратим на это драгоценные микросекунды! Лучше сделать так:

var nameslen = names.length;
for(var i=0; i < nameslen; i++) {
// doSomething…
}

Вычислив единожды размер массива names, заносим это значение в переменную nameslen и больше не тратить на это время.

Еще есть один способ избавиться от операции сравнения, и если логика работы скрипта позволят, то лучше делать так:

var nameslen = names.length;
for (var i= nameslen; i--;) {
// doSomething…
}

И это еще не все тонкости оптимизации...

Разработчики намного ускорили этот редактор и дизайн его сделали боле эргономичней.

Редактор CKEditor может загружаться с помощью AJAX, можно редактировать содержимое DIVа при двойном клике, разные режимы обработки клавиши ENTER, поддержка скинов, 57 языков интерфейса и так далее…

Смотрим демо на оф.сайте

Скачать бесплатно

Подключаем:

<script src="prototype.js" type="text/javascript"></script>
<script src="effects.js" type="text/javascript"></script>

Используем так:

<script type="text/javascript" charset="utf-8">
Event.observe(window, 'load', function() {
$$('a[href^=#]:not([href=#])').each(function(element) {
element.observe('click', function(event) {
new Effect.ScrollTo(this.hash.substr(1));
Event.stop(event);
}.bindAsEventListener(element))
})
});
</script>

Скрипт находит все a href="#" и применяет эффект плавного перемещения по странице по событию click.

Более подробно смотрите в примере.

Оригинал тут

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

Так что пробуем и сравниваем…
- Packer JavaScript
- Packer
- LZ77JSCompressor
- javascriptcompressor.com/

Смотрим пример:

var arr = new Array (1, 2, 3, 4, 5);
max_element = Math.max.apply( Math, arr );
min_element = Math.min.apply( Math, arr );
alert("макс:"+max_element+" а мин:"+min_element);

В результате мы получим сообщение:

макс:5 а мин:1

Для начала подключаем сам plugin:

 <script type="text/javascript" src="instant.js"></script>

А дальше используем его как класс в картинках, например:

Чтобы получить такую картинку (рис.1), задаем класс class="instant icolorA9E5A9 historical", где instant – сам плагин, icolorA9E5A9 – цвет рамки, historical – стиль рамки.

рис.1

Для такой вот картинки (рис.2) будет так: class="instant ishadow80", ishadow80 – степень прозрачности тени.

рис.2

Чтобы закруглить углы (рис.3), пишем следующее: class="instant nocorner", где nocorner – закруглить углы картинки.

рис.3

А вот что будет (рис.4), если вызвать только instant.

рис.4

Размер такого плагина 25 КБ, но как картинку обрабатывает заметно…

Вот пример повернутых картинок с закругленными рамками.

Скачать плагин можно на оф.сайте или тут.