Deerua about Coding -> Заметки с тегом «javascript»

Появилось много нового и интересного.
Главная особенность, он стал ещё быстрее (куда уж больше ;)

Посмотреть списочек нового, можно прям на его сайте.

Почитать удобную шпаргалку по 1.4 можно здесь
Перенёс её себе, а то вдруг сайт помрёт ;)

• Посмотреть шпору

ps: так же, в честь дня рождения и выхода новой версии стартанул проект посвящённый последней, читать здесь

<!-- Always need this javascript -->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
	// Джикверюшка
	google.load('jquery', '1.3.2');
	google.load('jqueryui', '1.7.2');
	//other examples
	google.load('mootools', '1.2.1');
	google.load('prototype', '1.6.0.3');
	google.load('scriptaculous', '1.8.2');
	google.load('mootools', '1.2.1');
	google.load('dojo', '1.2.3');
	google.load('swfobject', '2.1');
	google.load('yui', '2.6.0');

</script>

• Почитать доки (EN)

PS: каникулы кончились? :))

MD5 — 128-битный алгоритм хеширования, лалала, который нельзя взламать простым компом за пару лет ;)

Сам алгоритм запутан и немного ужасен, сделанных (готовых реализаций) найти через гугл очень просто, их там очень много, но смысл одинаковый и результат тоже ;)

• Посмотреть пример скрипта MD5

Есть сервис аватаров gravatar.com, в котором каждый может хранить на каждый свой мейл по 1 аватару. Работает давно и надёжно.

Как же получить с него нужный аватар? Для этого достаточно к урлу http://www.gravatar.com/avatar/ добавить MD5 хэш емейла и параметр s которым мы указываем размер ;)

md5 = MD5(mail.value);
var gravatar = 'http://www.gravatar.com/avatar/';
var sURL = gravatar + md5;
var sParams = (s != '') ? 's=' + s : '';
sURL += (sParams != '') ? '?' + sParams : '';
avatar.src = sURL;

• Посмотреть Пример

Сегодня речь пойдёт о утилитах для Мускула (MySQL).
Первая это php-утилита Sypex Dumper — универсальный дампер БД (сделан нашими ребятами)

• можно просто и быстро создать резервную копию (бэкап, дамп)
• работает очень быстро с огромными БД
• есть куча фич (свой cmd, cron)

Вторая — javascript-утилита WWW SQL Designer — для создания структуры БД, установки связи между таблицами и всё это в удобном GUI

• очень простая и удобная
• установка — просто залил на сервер
• сохранение/загрузка результатов
• експорт в SQL и XML
• в демке всё круто видно %)

Первая это php-утилита Admiter

• php MySQL Admin одним файлом, всегда мечтал ;)
• умеет всё что нужно, но не такой мощный как PhpMyAdmin

Вторая это javascript-утилита DD_roundies

• она от автора супер PNG-fix для ИЕ6
• css-selectors для выбора применяемых элементов
• работает очень быстро и просто, одни бонусы :)
• умеет за одно делать прозрачными png-рисунки

Как и обещал

• декрементные циклы
• лёгкая оптимизация
• добавить простейшую рекурсию, для более вложенных запросов (запросы через запятую — селектор отдельной функцией);
• добавить методы / выкинуть второй параметр ( chains );
• расширить функционал изменением стилей;

Ограничения (поддерживает только двухуровневый запрос):

• .класс
• тэг.класс
• #конетйнер .класс
• #конетйнер тэг.класс
• #конетйнер тэг
• допустимый запрос, допустимый запрос
• всё остальное идёт боком ;)

Планы на будующее:

• расширение функционала селектора tinyCSSSelector (inputs, сложные многоуровневые)
• Подключение других селекторов (yass, sizzle)
• добавить новых функций разных (самые часто используемые мной в джиквери)
• добавить простейшие обработчики событий (click, mouse)
• добавить поддержку частных(custom) функций
• сделать each
• добавить простейшую анимацию (по определённым свойствам)
• кеширование о_О

• Начало пути
• Посмотреть демо
• Скачать minijQuery.js

Просмотрев с 10к возможных способов сделать обрезания пробелов по краям, самыми быстрыми оказались методы основаны на регекспах. Здесь запостим только самый-самый

pattern = (pattern+"").replace(/^\s\s*/, '').replace(/\s\s*$/, '');

зы: Колупания в инете пост :) По материалам Javascript trim — тут аж 12 методов
ps: array_merge = function(arr, arr2) {return arr.concat(arr2);}

Странно, все ищут изврат типа такого:

function str_replace(search, replace, subject) {
    return subject.split(search).join(replace);
}

Ведь есть родной функционал:

subject.replace(search, replace)

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

var str = (str + "").replace(search, replace);

Можно применить и родной метод

var str = str.toString().replace(search, replace);

breakpoint = function (_name, _context){
  if(!breakpoint.allow){return;}
  var expr, result, output;
  while(true){
    expr = prompt('Debug into breakpoint "' + _name + '"' , '');
    if(!expr){break;}
    else{
      output = true;
      try{
        result = result = _context(expr);
      }
      catch(e){
        alert('[!] caught exception with message "' + e.message + '"');
        output = false;
      }
      if(output){
        alert(result);
      }
    }
  }
}
 
breakpoint.allow = true;

Использовать вот так:

function f(_a, _b, _c){
    var a = 10;
    var b = 20;
    var c = 30;
    breakpoint("breakpoint1", function (_$) { return eval(_$); });
}
 
f(40, 50, 60);

Потом можно сделать вот так

window['alert']= function(){message(Array.slice(arguments));}

Предвариетльно подключив HabraAlert
зы: По мотивам хабра, что бы не потерять :)

Возникло много багов и пожеланий, поэтому переделал:

• Исправил CSS ошибки, добавил pointer: cursor;
• Разделил CSS для ИЕ и остальных;
• Исправил багу с позиционированием в ИЕ6;
• Избавился от js.ошибки NS_ERROR_DOM_NOT_FOUND_ERR
• Сделал возможности загрузки скрипта как в head так и в body;

• Посмотреть здесь