Arquivo da Categoria: Javascript

Javascript

stravaKudoser

< stravaKudoser >
Eu desenvolvi bookmarklet para empurrar “kudos” botões em um pedaço para Strava.
https://github.com/mecrazy/stravaKudoser

< Às vezes é problemático pressionar cada um dos botões de “kudos” >
Se muitas pessoas o seguirem ou você seguir muitas pessoas, isso poderá ajudá-lo a usar os botões “kudos”. Use-o no PC como o Windows, OSX ou Linux. Não é testado em smartphones como o Android ou o iOS.

stravaFollowers

< stravaFollowers >
Eu desenvolvi verificador seguidor para Strava.
https://github.com/mecrazy/stravaFollowers

< Strava não tem essas funções >
As pessoas me seguem, mas alguém deixa de me seguir imediatamente. Mas não é fácil encontrar quem me deixa de lado. Então eu desenvolvi este bookmarklet para encontrar pessoas que me deixem de lado. Use-o no PC como o Windows, OSX ou Linux. Não é testado em smartphones como o Android ou o iOS.

Eu construí PhantomJS 2.1.1 para Raspberry Pi

Eu construí PhantomJS 2.1.1 para Raspberry Pi. Ele também pode ser executado em qualquer máquina arquitetura armhf.

Eu usei o Debian em ARM VPS em https://www.scaleway.com/ e siga esta página para construí-lo.

Faça o download de https://github.com/mecrazy/phantomjs-binaries.
( Depois da minha solicitação de recebimento permitido, vou editar o link neste blog para “https://github.com/avaynshtok/phantomjs-binaries”. )

Eu uso o Raspberry Pi como uma máquina de teste para todos os aplicativos de servidor, como raspagem web. Mas não havia binários PhantomJS para a arquitetura armhf na web. Então eu construí-lo. Por favor, use este binário, se quiser. Mas eu não posso cuidar eventuais problemas e erros quando você usá-lo.

< O que é "PhantomJS"? >
PhantomJS é uma ferramenta de raspagem web com JavaScript API. Ele pode capturar páginas da web como PDF, PNG ou algum tipo de arquivo de imagem. Se você quiser saber mais sobre PhantomJS, verifique http://phantomjs.org/.

Obter nova versão do Editor de planilhas do Google como JSONP

< aviso >
Eu recomendo que você comece conta adicional do Google apenas para o público.
Porque, se você seguir o meu procedimento, seu endereço do Gmail será arquivado JSONP público.

< Editor de planilhas do Google >
Versão antiga do Editor de planilhas do Google pode compartilhar planilhas como XML, JSON e algum tipo de formato. Pensei nova versão não tem as funções de compartilhamento. Mas eu encontrei a solução boa para nova versão do Editor de planilhas do Google na resposta para a pergunta sobre StackOverflow.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( em Inglês )
De acordo com a página acima, esta API é uma espécie de API de idade. Ninguém sabe ao certo quando ela pára. Eu não me importo esta situação. Mas se você não gosta da situação, eu não recomendo que você use este API.

< formato URL >

https://spreadsheets.google.com/feeds/cells/[ Sua chave de planilha ]/od6/public/values?min-row=[ iniciar número da linha ]&max-row=[ número da linha final ]&min-col=[ iniciar número da coluna ]&max-col=[ número da coluna final ]&alt=json-in-script&callback=[ nome da função callback ]

< Como usá-lo? >
Formato JSONP é fácil de usar em JavaScript. Ninguém precisa parser. Mas eu quero usar gerador de URL para fazer a API mais útil. Então, eu desenvolvi um script que converte a partir de parâmetros de paginação para parâmetros de URL seguinte sintaxe do Google.

< plugin jQuery >
Eu desenvolvi este plugin jQuery chamado “generateGoogleJsonpUri”.
generateGoogleJsonpUri – github
Eu criei a página de amostra como um quadro blog para testar o meu plugin.
https://mecrazy.net/sample/generateGoogleJsonpUri/
Se você quiser, copie sua fonte como um exemplo.

< uso – moldagem >
Fundição sintaxe é

var test = $.genJsonpGDU("<Seu-planilha-key-aqui>");

ou

var test = $.genJsonpGDU({key:"<Seu-planilha-key-aqui>"});

.

Você pode encontrar uma chave na URL da sua planilha. Ele é o meu exemplo abaixo.
spreadsheet_sample_001
Nesta imagem, o URL é “https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0”. A chave para a minha planilha é “1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw”. Por favor verifique a URL da sua planilha para obter a sua chave.

< uso – configurar pager >

test.pager({
  startRow:2,//Número da linha para começar a receber (necessário)
  minCol:2,//Número da coluna para começar a receber (necessário)
  maxCol:7,//Número da coluna para acabar recebendo (necessário)
  recsPerPage:5//Registros em uma página (opcional)
});

Por favor comparar a sintaxe acima e a tabela abaixo. Quando você ver a tabela abaixo, por favor, imagine Excel ou qualquer tipo de planilha. Sintaxe acima, a gama da primeira página é faixa rosa, segunda página é faixa verde. “B2:G2” é um primeiro registro. “B6:G6” é o quinto álbum.

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

< uso – obter URL da página >
É um exemplo para chegar primeiro URL da página.

var pageUrl = test.page(1);

( “test.pager(objeto)” é necessária antes de executar esta função. )

< uso – executar Ajax >
Argumentos para “test.ajax” são os mesmos que “http://api.jquery.com/jQuery.ajax/“.

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

Se você quer saber a página atual tem página anterior ou próxima página, por favor use “test.get()” na função success e os parâmetros de seleção.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('Página corrente tem página anterior.');
    }else{
      console.log('Página corrente não tem página anterior.');
    }
    if(param.pager.next){
      console.log('Página corrente tem página seguinte.');
    }else{
      console.log('Página corrente não tem página seguinte.');
    }
  }
});

< uso – converter JSON a matriz 2D >
“test.jsonToArr” convertidos do formato do Google JSON a matriz 2D.

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

< uso – cache de variável >
Se você quiser ativar o cache de paginação utilizando variáveis ​​JavaScript, siga a sintaxe abaixo.

test.set({cache:true});

Este argumento muda para usar o cache para paginação. Ele verifica atualização em JSONP a cada 20 minutos por padrão. Se a data alterada, cache automaticamente clara. Se você quiser alterar o intervalo para verificar a data. Você pode usar a sintaxe como a seguir em vez da sintaxe acima.

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

< Posfácio >
Existem diferenças básicas entre novos e antigos do Google Spreadsheets.

  novo velho
Máximo de células 2 milhões de células 400,000 células
Máximo de colunas ilimitado 256 colunas por folha

Eu acho que a nova versão do banco de dados é incrivelmente grande e livre. Eu quero encontrar usos interessantes do novo Editor de planilhas do Google.

Gerador de HTML básico para Bootstrap 3 ( em Português )

< O que é isso? >
Gera HTML básico para Bootstrap 3. Você pode escolher opções quando gerá-lo. Costumo usar isso para mim mesmo. Se você quiser, marque esta página.


< Gerador >
Título da página :
Código do idioma :
versão Bootstrap :
Compatível com o velho IE :
Use a barra de navegação fixa :
Use rodapé pegajoso :
Use failover jQuery :
Use jQuery UI failover :
Use backbone.js :
Use underscore.js :
Use bootbox :

Se você escolher “Compatível com o velho IE” “SIM”, você precisa colocar “bootstrap.min.css” e “respond.min.js” em seu servidor. Basicamente “respond.min.js” não funciona corretamente em CDN e servidores de outros.

< Scripts >
Você pode baixar os scripts que usa HTML. Você pode colocar em seu servidor e substituir caminhos de scripts.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap e Respond.js são necessárias para baixar para o velho IE. Por favor, tenha cuidado. )