Архив рубрики: Javascript

Javascript

stravaKudoser

< stravaKudoser >
Я разработал букмарклет, чтобы нажимать кнопки «kudos» в куске для Strava.
https://github.com/mecrazy/stravaKudoser

< Иногда бывает сложно нажимать кнопки «kudos» >
Если многие люди следуют за вами или вы следуете за многими людьми, это может помочь вам надавить кнопки «kudos». Используйте его на ПК, например Windows, OSX или Linux. Он не тестируется на смартфонах, таких как Android или iOS.

stravaFollowers

< stravaFollowers >
Я разработал контролер для Стравы.
https://github.com/mecrazy/stravaFollowers

< У Стравы таких функций нет >
Люди следуют за мной, но кто-то сразу меня отсылает. Но нелегко найти, кто меня разыскивает. Поэтому я разработал этот букмарклет, чтобы найти людей, которые меня подписывают. Используйте его на ПК, например Windows, OSX или Linux. Он не тестируется на смартфонах, таких как Android или iOS.

Я построил PhantomJS 2.1.1 для Raspberry Pi

Я построил PhantomJS 2.1.1 для Raspberry Pi. Он также может работать на любой armhf архитектуры машин.

Я использовал Debian на ARM VPS на https://www.scaleway.com/ и следовать эту страницу, чтобы построить его.

Вы можете скачать с https://github.com/mecrazy/phantomjs-binaries.
( После того, как мой запрос тянуть разрешено, я буду редактировать ссылку на этом блоге на “https://github.com/avaynshtok/phantomjs-binaries”. )

Я использую Raspberry Pi в качестве испытательной машины для любых серверных приложений, таких как веб-соскоб. Но не было никаких PhantomJS двоичные файлы для armhf архитектуры в Интернете. Так что я построил его. Пожалуйста, используйте этот двоичный файл, если вы хотите. Но я не могу заботиться какие-то проблемы и ошибки, когда вы его используете.

< Что такое "PhantomJS"? >
PhantomJS является веб-соскоб инструмент с JavaScript API. Она может захватить веб-страницы, как PDF, PNG или какой-то файл изображения. Если вы хотите узнать больше о PhantomJS, пожалуйста, проверьте http://phantomjs.org/.

Получить новую версию Google Таблицы как JSONP

< предупреждение >
Я рекомендую вам, чтобы получить дополнительную учетную запись Google только для общественности.
Потому что, если вы последуете моему процедуру, ваш адрес Gmail будет на файле общественного JSONP.

< Google Таблицы >
Старая версия Google Таблицы можете поделиться таблицы как XML, JSON и какой-то формате. Я думал, новая версия не имеет таких функций совместного использования. Но я нашел хорошее решение для новой версии Google Таблицы на ответ на вопрос о StackOverflow.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( по-английски )
В соответствии с вышеуказанным странице, это API является своего рода старого API. Никто не знает, когда он останавливается. Мне все равно, эту ситуацию. Но если вам не нравится ситуацию, я не рекомендую вам использовать этот API.

< URL формата >

https://spreadsheets.google.com/feeds/cells/[ Ваш ключ таблицы ]/od6/public/values?min-row=[ начать номер строки ]&max-row=[ конец номер строки ]&min-col=[ начать номер столбца ]&max-col=[ конец номер столбца ]&alt=json-in-script&callback=[ обратного вызова имя функции ]

< Как его использовать? >
Формат JSONP проста в использовании в JavaScript. Никто не нужно парсер. Но я хочу использовать генератор URL, чтобы сделать API более полезным. Поэтому я разработал сценарий, который преобразует из параметров пейджинговой параметрам URL следующий синтаксис Google.

< jQuery плагин >
Я разработал этот плагин jQuery именем « generateGoogleJsonpUri ».
generateGoogleJsonpUri – github
Я создал образец страницу как рамках блога, чтобы проверить мои плагин.
https://mecrazy.net/sample/generateGoogleJsonpUri/
Если вы хотите, скопируйте его источник в качестве примера.

< использование – литье >
Кастинг синтаксис

var test = $.genJsonpGDU("<Ваш-таблицы-ключ-здесь>");

или

var test = $.genJsonpGDU({key:"<Ваш-таблицы-ключ-здесь>"});

.

Вы можете найти ключ в URL части таблицы. Это мой образец ниже.
spreadsheet_sample_001
На этой картине, URL является « https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0 ». Ключ для моей таблицы является « 1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw ». Пожалуйста, проверьте адрес вашего таблицу, чтобы получить ключ.

< использование – настроить пейджер >

test.pager({
  startRow:2,//Номер строки, чтобы начать получать (требуется)
  minCol:2,//Номер столбца, чтобы начать получать (требуется)
  maxCol:7,//Номер столбца в конец становится (требуется)
  recsPerPage:5//Записи в страницу (необязательный)
});

Пожалуйста, сравните выше синтаксис и таблицу ниже. При см. таблицу ниже, пожалуйста, представьте Excel или любой вид электронной таблицы. Синтаксис выше означает диапазон первой страницы является розовая гамма, 2-я стр. зеленый диапазон. « B2:G2 » является первая запись. « B6:G6 » и пятая запись.

A1 B1 C1 D1 E1 F1 G1 H1
A2 B2 C2 D2 E2 F2 G2 H2
A3 B3 C3 D3 E3 F3 G3 H3
A4 B4 C4 D4 E4 F4 G4 H4
A5 B5 C5 D5 E5 F5 G5 H5
A6 B6 C6 D6 E6 F6 G6 H6
A7 B7 C7 D7 E7 F7 G7 H7
A8 B8 C8 D8 E8 F8 G8 H8
A9 B9 C9 D9 E9 F9 G9 H9
A10 B10 C10 D10 E10 F10 G10 H10
A11 B11 C11 D11 E11 F11 G11 H11
A12 B12 C12 D12 E12 F12 G12 H12
A13 B13 C13 D13 E13 F13 G13 H13

< использование – получить адрес страницы >
Это пример, чтобы получить первой страницы URL.

var pageUrl = test.page(1);

( “test.pager(объект)” необходимо до выполнения этой функции. )

< использование – выполнить Ajax >
Аргументы в пользу « test.ajax » такие же, как « http://api.jquery.com/jQuery.ajax/ ».

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
  }
});

Если вы хотите знать текущую страницу имеет предыдущую страницу или следующую страницу, пожалуйста, используйте « test.get() » в функции success и параметров проверки.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('Текущая страница имеет предыдущую страницу.');
    }else{
      console.log('Текущая страница не имеет предыдущую страницу.');
    }
    if(param.pager.next){
      console.log('Текущая страница имеет следующую страницу.');
    }else{
      console.log('Текущая страница не имеет следующую страницу.');
    }
  }
});

< использование – преобразовать JSON в 2D массива >
« test.jsonToArr » преобразует из формата JSON компании Google в 2D массива.

test.ajax({
  url:test.page(1),
  success:function(json){
    var arr2d = test.jsonToArr(json);
    console.log(arr2d);
  }
});

< использование – переменная кэш >
Если вы хотите включить кэш подкачки с помощью переменных JavaScript, пожалуйста, следуйте приведенным ниже синтаксис.

test.set({cache:true});

Этот аргумент переключается использовать кэш для подкачки. Он проверяет дату обновления на JSONP каждые 20 минут по умолчанию. Если дата изменилась, она автоматически очистить кэш. Если вы хотите изменить интервал провести проверку сроков. Вы можете использовать синтаксис, как показано ниже, а не выше синтаксиса.

test.set({
  cache:true,
  cacheInterval:{
    sec:0,min:50,hour:0
  }
});

< послесловие >
Есть основные различия между новыми и старыми таблицами Google.

  новый старый
Максимальные клетки 2000000 клетки 400000 клетки
Максимальные колонны неограниченный 256 столбцов на листе

Я думаю, что новая версия невероятно большой и бесплатная база данных. Я хочу, чтобы найти интересные обычаи новых таблиц Google.

Упрощенная HTML-генератор для Bootstrap 3

< Что это? >
Он генерирует основной источник HTML для Bootstrap 3. Вы можете выбрать варианты, когда вы его генерации. Я часто использую это для себя. Если вы хотите, пожалуйста, закладки эту страницу.


< генератор >
Название страницы :
таблица условных сигналов :
Bootstrap версия :
Совместимость со старыми IE :
Используйте фиксированный панель навигации :
Используйте липкую колонтитул :
Используйте jQuery переключение :
Используйте jQuery UI переключение :
Используйте backbone.js :
Используйте underscore.js :
Используйте bootbox :

Если вы выбираете “Совместимо с старой IE” “ДА”, нужно поставить “bootstrap.min.css” и “respond.min.js” на вашем сервере. В основном “respond.min.js” не корректно работать на CDN и серверов других.

< Сценарии >
Вы можете скачать скрипты, используемые HTML. Вы можете поставить на свой сервер и заменить пути сценариев.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap и Respond.js необходимы для загрузки для старого IE. Пожалуйста, будьте осторожны. )