Archivo de la categoría: Javascript

Javascript

stravaKudoser

< stravaKudoser >
Desarrollé bookmarklet para presionar botones de “kudos” en un bulto para Strava.
https://github.com/mecrazy/stravaKudoser

< En algún momento es molesto presionar cada botón de “kudos” >
Si mucha gente te sigue o sigues a mucha gente, puede ayudarte a presionar los botones “kudos”. Utilízalo en PC como Windows, OSX o Linux. No está probado en teléfonos inteligentes como Android o iOS.

stravaFollowers

< stravaFollowers >
Desarrollé el comprobador seguidor para Strava.
https://github.com/mecrazy/stravaFollowers

< Strava no tiene tales funciones >
La gente me sigue, pero alguien me deja de seguir de inmediato. Pero no es fácil encontrar quién me deja de seguir. Así que desarrollé este bookmarklet para encontrar personas que no me sigan. Úselo en PC como Windows, OSX o Linux. No está probado en teléfonos inteligentes como Android o iOS.

Construí PhantomJS 2.1.1 para Raspberry Pi

Construí PhantomJS 2.1.1 para Raspberry Pi. También se puede ejecutar en cualquier máquina de arquitectura armhf.

Solía Debian en ARM VPS en https://www.scaleway.com/ y sigo a esta página para construirlo.

Por favor, descarga de https://github.com/mecrazy/phantomjs-binaries.
( Después de mi solicitud de tracción permite, voy a editar el enlace en este blog a “https://github.com/avaynshtok/phantomjs-binaries”. )

Yo uso Raspberry Pi como una máquina de ensayo de las aplicaciones de servidor como raspado web. Pero no había binarios para la arquitectura PhantomJS armhf en la web. Así que construí. Por favor, use este binario, si lo desea. Pero no puedo cuidar los problemas y errores cuando lo utiliza.

< ¿Qué es "PhantomJS"? >
PhantomJS es una herramienta de raspado web con API de JavaScript. Puede capturar páginas web como PDF, PNG o algún tipo de archivo de imagen. Si desea saber más acerca de PhantomJS, por favor verifica http://phantomjs.org/.

Obtenga nueva versión de Google Spreadsheets como JSONP

< advertencia >
Te recomiendo que para obtener la cuenta adicional Google sólo para público.
Porque si sigues mi procedimiento, su dirección de Gmail será archivada JSONP público.

< Google Spreadsheets >
Versión antigua de Google Spreadsheets puede compartir hojas de cálculo como XML, JSON y algún tipo de formato. Pensé nueva versión no tiene esa función de uso compartido. Pero me di cuenta de la buena solución para la nueva versión de Google Spreadsheets en la respuesta a la pregunta sobre StackOverflow.
Unable to publish specific cells in new Google Spreadsheets – StackOverflow ( en Inglés )
De acuerdo a la página anterior, esta API es un poco viejo API. Nadie está seguro de cuando se detiene. No me importa la situación. Pero si no te gusta la situación, yo no recomiendo usar esta API.

< formato URL >

https://spreadsheets.google.com/feeds/cells/[ La clave de la hoja de cálculo ]/od6/public/values?min-row=[ empezar número de fila ]&max-row=[ número de fila final ]&min-col=[ empezar número de columna ]&max-col=[ número de columna final ]&alt=json-in-script&callback=[ nombre de la función de devolución de llamada ]

< ¿Cómo se usa? >
Formato JSONP es fácil de usar en JavaScript. Nadie necesita analizador. Pero quiero usar generador de URL para que la API más útil. Así que desarrollé una secuencia de comandos que convierte de parámetros de paginación para los parámetros de URL siguiente sintaxis Google.

< plugin de jQuery >
Desarrollé este plugin jQuery llamado “generateGoogleJsonpUri”.
generateGoogleJsonpUri – github
He creado la página muestra como un marco blog para probar mi plugin.
https://mecrazy.net/sample/generateGoogleJsonpUri/
Si quieres, por favor, copie su fuente como una muestra.

< uso – fundición >
Fundición sintaxis es

var test = $.genJsonpGDU("<Your-spreadsheet-key-here>");

o

var test = $.genJsonpGDU({key:"<Your-spreadsheet-key-here>"});

.

Usted puede encontrar una clave en la URL de la hoja de cálculo. Es para mí un ejemplo a continuación.
spreadsheet_sample_001
En esta imagen, la URL es “https://docs.google.com/spreadsheets/d/1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw/edit#gid=0”. La clave para mi hoja de cálculo es “1IG2QEOXehU01b6DoMQi19CvFpm2EZJOUM2y4lqXKduw”. Por favor verifique la dirección URL de la hoja de cálculo para obtener su clave.

< uso – configurar pager >

test.pager({
  startRow:2,//El número de fila para empezar a recibir (necesario)
  minCol:2,//Número de columna para empezar a recibir (necesario)
  maxCol:7,//Número de columna para poner fin a conseguir (necesario)
  recsPerPage:5//Los registros en una página (opcional)
});

Por favor compare la sintaxis anterior y la tabla siguiente. Cuando vea la tabla de abajo, por favor imaginar Excel o cualquier tipo de hoja de cálculo. Sintaxis de arriba significa que el rango de la primera página es la gama de color rosa, segunda página es zona verde. “B2: G2” es un primer registro. “B6: G6” es un quinto disco.

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 – obtener la página URL >
Es un ejemplo para tener primera página URL.

var pageUrl = test.page(1);

( “test.pager(objeto)” se requiere antes de ejecutar esta función. )

< uso – ejecutar Ajax >
Argumentos para “test.ajax” son los mismos que “http://api.jquery.com/jQuery.ajax/“.

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

Si quieres saber la página actual tiene la página anterior o siguiente página, por favor, utilice “test.get()” en la función “success” y compruebe los parámetros.

test.ajax({
  url:test.page(1),
  success:function(json){
    console.log(json);
    var param = test.get();
    if(param.pager.prev){
      console.log('La página actual tiene la página anterior.');
    }else{
      console.log('Página actual no tiene la página anterior.');
    }
    if(param.pager.next){
      console.log('La página actual tiene página siguiente.');
    }else{
      console.log('Página actual no tiene la página siguiente.');
    }
  }
});

< uso – convertir JSON a array 2D >
“test.jsonToArr” se convierte de formato JSON de Google de array 2D.

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

< uso – caché de variables >
Si desea habilitar la caché de paginación utilizando variables de JavaScript, por favor siga el siguiente sintaxis.

test.set({cache:true});

Este argumento pasa a utilizar la caché para paginación. Verifica la fecha de actualización en JSONP cada 20 minutos de forma predeterminada. Si la fecha cambia, automáticamente claro caché. Si desea cambiar el intervalo para comprobar la fecha. Usted puede utilizar la sintaxis como la siguiente en lugar de la sintaxis anterior.

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

< Epílogo >
Existen diferencias básicas entre los nuevos y viejos Hojas de cálculo de Google.

  nuevo viejo
células Máximo 2 millones de células 400,000 células
Número máximo de columnas ilimitado 256 columnas por hoja

Creo que la nueva versión de la base de datos es increíblemente grande y libre. Quiero encontrar usos interesantes de las nuevas hojas de cálculo de Google.

Generador de HTML básico para Bootstrap 3 ( en español )

< ¿Qué es esto? >
Genera código fuente HTML básico para Bootstrap 3. Usted puede elegir opciones cuando lo haya generado. A menudo utilizo con mis propios ojos. Si lo desea, por favor, marcador esta página.


< Generador >
Título de la página :
Código de idioma :
versión Bootstrap :
Compatible con el viejo IE :
Utilice la barra de navegación fija :
Utilice pegajosa pie de página :
Usar jQuery conmutación por error :
Usar jQuery UI conmutación por error :
Utilice backbone.js :
Utilice underscore.js :
Utilice bootbox :

Si elige “Compatible con el viejo IE” “SÍ”, usted necesita poner “bootstrap.min.css” y “respond.min.js” en su servidor. Básicamente “respond.min.js” no funciona correctamente en CDN y los servidores de los demás.

< Scripts >
Puede descargar scripts que utiliza HTML. Usted puede poner en su servidor y vuelva a colocar sendas de scripts.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap y Respond.js son necesarios para descargar de forma antigua de IE. Por favor, tenga cuidado. )