twobomb

Можно так

Можно так

Все вычисления которые можно скидывать на субд, всегда скидывайте на субд!

Ну как бы потому-что выполняется два потока, и грубо говоря процессор сам выбирает какой поток ему стоит выполнить первым, а какой вторым. И да он у него есть свой менеджер, который может прервать выполнение одного потока передать управление какому нибудь скайпу потом опять прервать и передать управление второму потоку, потом прервать и дать управление первому потоку.

Можно так . Код

Смысл обучения если это делает за тебя кто-то другой? Так ты ничему не научишься, учись решать трудности сам.

function compression(str){
	var out = "";
  var cnt = 1;
	for(var i = 0; i < str.length; i++)
  	if(str[i] == str[i+1] && i < str.length)
    	cnt++;
    else{
    	out+= str[i]+ (cnt > 1?cnt:"");
      cnt = 1;
      }
  return out;
}
function uncompression(str){
	var out = "";
	for(var i = 0; i < str.length; i++){
  	if(!isNaN(parseInt(str[i])))
    	continue;
  	if(i < str.length && !isNaN(parseInt(str[i+1])))
    	for(var j = 0; j < str[i+1];j++)
      	out+= str[i];
    else
    	out+=str[i];
    }
  return out;
}
alert(compression("aabcccabb"));//a2bc3ab2
alert(uncompression("a2bc3ab2"));//aabcccabb

Вот пример для дивов

<div class="def" data-firstclass="начальный класс" data-secondclass="класс на который поменять" data-px="на какой высоте скролла поменять в px"></div>

Можно использовать clip-path(проблема с поддержкой у многих браузеров), можно использовать before,after + трансформации бэкграунда.

window.getComputedStyle(document.querySelector("#textColor")).color

Вообщем вот написал на основе квадратичной кривой безье.
Но в идеале нужно еще написать сглаживание. Атрибут canvas data-offset задает насколько сильное скругление , data-url ссылка на изображение .
Ну и самая главная проблема, чтобы работал с изображениями
раскоментируй строку //ctx.drawImage(img,0,0,ctxW,ctxH - offset); и закоментируй
ctx.fillRect(0,0,ctxW,ctxH - offset);
Ссылка которая будет в data-url должна быть на том же хосте что и скрипт! Тоесть если ссылка на сайт localhost/page.php то и ссылка на изображение localhost/.../name.jpg
Или ссылка должна быть на сервере с параметром Access-Control-Allow-Origin "*" иначе сработает защита и выкинет исключение

Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data.

Вот пример деформации

$('#typeProject').click(function(){
						if(!$(".typeProject").attr("data-numcolor"))
           	 	$(".typeProject").attr("data-numcolor",0);
            var colors = ['green', 'red', 'blue', 'yellow'];
            var num = $(".typeProject").attr("data-numcolor");
            $('.typeProject').css('background-color', colors[num++]);
            num %= colors.length;
            	$(".typeProject").attr("data-numcolor",num);
        });

JS

document.querySelector("#hideFrame").addEventListener("click",function(){
	document.querySelectorAll("iframe").forEach(function(el){
  	el.style.display =  window.getComputedStyle(el).display == "block"?"none":"block"; 
  });
},false);

CSS

iframe{
      display:block;
    }