XML Viewer. Удобный просмотр XML

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

1. Если вы уже используете какую-то из JetBrains IDE, то нажмите Ctrl+Alt+L (или через меню: Code->Reformat Code)

2 . Еще есть простая бесплатная программа Free XML Editor:

Пример просмотра документа:

Для форматирования документа, нужно нажать F8.

Предварительно нужно открыть пункт меню Tools->Preferense, и там выбрать форматирование табуляцией:

Очень просто и удобно.

VirtualBox. Настройка общих папок для Ubuntu

Основная ОС: Windows 7
VirtualBox ОС: Ubuntu 12.04
Задача: настроить общие папки

1. Создаем папку "d:/share" под Windows 7.

2. Открываем настройки VirtualBox, находим в меню пункт "Общие папки" и добавляем там нужную:

3. Заходим на виртуальную машину, и в папке вашего пользователя, создаем новую папку, ставим нужный уровень доступа:
username@your_server:~# mkdir shared
username@your_server:~# chmod 0777 shared

4. Монтируем папку:
username@your_server:~# sudo mount -t vboxsf share shared

!!! Есть неприятный баг: когда имена папок в обоих системах совпадают - команда mount вернет ошибку, именно потому, папки специально названы share и shared

Javascript. Реализация Singleton и статического класса

Реализовать статический класс в js очень просто, это будет простой объект:

var obj = {
  field: 'value',
  fnTest: function(){
    return 'res: '+ this.field;
  }
};

// Использование:
console.log( obj.field ); // 'value'
console.log( obj.fnTest() ); // 'res: value'

Если нам нужна предварительная инициализация, то добавим некий метод init, который может устанавливать значение полей объекта:

var obj = {
  field: 'value',
  options: {},
  init: function(o){
    this.options = $.extend(true, {}, o);
  },
  fnTest: function(){
     return this.field;
  }
};

// Использование:
obj.init({o:4,test:2});
console.log( obj.options ); //{o:4,test:2}

Этого функционала, в большинстве случаев, должно хватить, но бывает нужен и синглетон (Singleton): например важно иметь приватные данный и методы (статический класс полностью публичен) Один из демонстрационных вариантов реализации синглетона :

var cSingleton = (function(){
  // Class instance:
  var _instance = null;

  // Private:
  var test = 1;
  var options = {};
 
  var fnPrivate = function(){
    // some code
  }
 
  // Constructor:
  function Init(o){
    options = $.extend(true, options, o || {});
  }
  
  // Public:
  Init.prototype = {
    pub: 0,
    fnTest: function(){
       return test;
    },
    getOptions: function(){
      return options;
    }
  }

  return function(args){
    if(!_instance){
       _instance = new Init(args);
    }
    return _instance;
  }
}());

ob = new cSingleton({x:1});

console.log('1:', ob.fnTest());
console.log('opts:', ob.getOptions());

ob2 = new cSingleton({x:2});

console.log('2:', ob2.fnTest());
console.log('opts:', ob.getOptions());

// Результат:
1: 1
opts: Object { x=1}
2: 1
opts: Object { x=1}

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

jQuery. Reverse each. Обратный перебор

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

jQuery.fn.reverseEach = (function () {
 var list = jQuery([1]);
 return function (c) {
  var el, i=this.length;
  try {
   while (i-->0 && (el=list[0]=this[i]) && c.call(list,i,el)!==false);
  }
  catch(e) {
   delete list[0];
   throw e;
  }
  delete list[0];
  return this;
 };
}());

$("li.classname").reverseEach(function(){
  // this сразу содержит объект jQuery
  console.log( 'id:', this.attr('id') );
  //return false; - Если в каком-то случае вернем false - обход прервется в этом месте
});

Если нужно поведение аналогичное .each(), когда к элементу обращаемся через $(this), нужно заменить 13 строчку на:

  return this.get(0); // Вместо: return this; 

JSON валидатор

Хочу поделиться ссылкой на онлайн валидатор JSON: http://jsonlint.com/

Будет полезным, особенно для проверки ответов сервера в ajax запросах (если ответ в формате JSON)

Вставка текущего курса валют USD/UAH в ячейку таблицы google docs

Google Docs Spreadsheets очень удобный онлайн инструмент для ведения бухгалтерии. Допустим, что такая бухгалтерия ведеться в долларах США, но в конечном итоге надо получить все суммы в гривнах, учитывая текущий курс валют.

Как выход - в ячейку вбить текущий курс и отталкиватся от него. Минус такого подхода состоит в том, что постоянно придется корректировать этот самый текущий курс (как минимум раз в день) .

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

На самом деле, тут все решабельно. В качестве такого онлайн сервиса, будет использовать ся Yahoo Finance. Страница, которая предоставляет нужный тип информации (USD в UAH) будет такая: http://finance.yahoo.com/q?s=USDUAH=X.

Остается только выбрать нужное значение со страницы и использовать для себя:


=VALUE(SUBSTITUTE((SUBSTITUTE(INDEX(ImportHTML("http://finance.yahoo.com/q?s=USDUAH=X";"table";1); 1;2);"*";""));".";","))


Вставим такую формулу в нужную ячейку таблицы - и вся задача.

Теперь немного детальнее пройдемся  по формуле:

VALUE - конвертирует текст в чисельное значение

SUBSTITUTE - функция, кторая заменяет одно значение в строке на другое. В нашем примере, мы сначала заменяем * на пустое значение (так как резуьтат выгребается в виде *7.92*), после чего, заменим точку на запятую - так как разделитель дробной части у меня запятая.

INDEX - получаем элемент массива (ячейку таблицы со значением курса валют)

ImportHTML - по заданому URL выгребаем контент, ищем в нем 1 таблицу.

jQuery. Быстрый итератор quickEach

Если вам нужно часто работать с итераторами each в jQuery, и вам приходиться часто внутри него пользоваться $(this), то есть смысл немного оптимизировать код.

Пример: необходимо перебрать список li и что-то сделать с каждым элементом списка

var list = $("ul li");
list.each(function() {
 var el = $(this); // получаем объект jQuery из объекта DOM
 el.....  // Какое-то действие с объектом
});

Следует помнить, что всегда нужно использовать групповые функции над списками, перебирать по одному не оптимально. Но представим себе, что задача стоит так, что без перебора списка поэлементно ее нельзя решить. Тогда узким местом такого алгоритма будет операция получения jQuery объекта на основе контекста this. В методе $.each(), this не является объектом, jQuery - он указывает на текущий элемент DOM. Потому, его надо привести к объекту jQuery, а это есть ресурсоемкая операция.

Можно использовать оптимизированный итератор $.quickEach() описанный ниже, который сразу возвращает в this объект jQuery и его не нужно получать в цикле для каждого элемента DOM которые мы итерируем.

/**
 *  jQuery quick Each
 *
 *  Example:
 *  a.quickEach(function() {
 *      this; // jQuery object
 *  });
 */
jQuery.fn.quickEach = (function() {
    var jq = jQuery([1]);
    return function(c) {
        var i = -1, el, len = this.length;
        try {
            while (++i < len && (el = jq[0] = this[i]) && c.call(jq, i, el) !== false);
        } catch (e) {
            delete jq[0];
            throw e;
        }
        delete jq[0];
        return this;
    };
 }());

Пример использования:

// Стандартный итератор
list.each(function() {
 var el = $(this);
});

// Оптимизированный итератор:
list.quickEach(function() {
 var el = this; // jQuery object
});

Оригинальная статья находиться по адресу http://jsperf.com/jquery-each-vs-quickeach, где также можно ознакомиться с результатами замеров производительности обоих методов.