Room for Máxima Alekz and Mariano

Máxima Alekz

04:20

@Mariano, hola buen día

Es que el código que me enviaste

Es Javascript puro

Y la verdad me enredó al intentar pasar a JQuery.

:|

Mariano

Buenas noches :-)

Máxima Alekz

Podrías ayudarme?

jsfiddle.net/fgL7ear5/3

Mariano

@MáximaAlekz Veo, no suelo usar mucho... ¿por qué motivo tiene que estar hecho con jQuery?

Máxima Alekz

Porque lo he trabajado más

innerText y otras funciones no las reconozco en JQuery.

Porque no tengo idea de cómo trabajarlas

Sólo veo que el código funciona de maravillas

Otra pregunta es si con expresiones regulares se podría identificar una palabra...

A ver, un ejemplo sería

Invsento - Donde la palabra correcta sea "Invento" y el RegEx la identifique.

Desde un array.

Eso sería "de la verga"

Aunque pues claro. Eso si es más valido para pregunta.

Entonces la haré pronto

Mariano

@MáximaAlekz .innerText ==> .text()

@MáximaAlekz No, no se puede identificar con regex algo "parecido", no a menos que sepas todas las variedades en las que podría presentarse

Máxima Alekz

04:34

Supongo que

Sabiendo todas las "variedades" se haría una mega expresión regular, si las palabras a identificar son demasiadas.

Mariano

Existen muchísimos métodos para comparar texto parecido (algunos pueden usar regex dentro, en alguna parte del algoritmo

Máxima Alekz

Hahahah entonces el hecho de que "RegExp" resuelve todo se hace obsoleto :)

Mariano

@MáximaAlekz Si estamos hablando de demasiados, en ese caso, no se usarían expresiones regulares... al menos no como estrategia principal

Máxima Alekz

Sí, eso mismo pensé

Mariano

@MáximaAlekz Si alguien te dijo eso, te mintió

Máxima Alekz

04:36

Lo sé, aunque las RegExp son muy útiles en sus propias areas.

Mariano

De todas formas, antes de hacer la pregunta, te recomendaría investigar un poco, porque esa pregunta es sin duda demasiado amplia

Máxima Alekz

Aunque me parece extraño que la optimización sea mas notable con Strings más largos, como en mi pregunta..

Donde indexOf le gana simplemente porque el String es corto

Cosa que me dejó confuso

Mariano

De hecho, por más que conozca varios métodos, ni siquiera se me ocurre por dónde empezar como para orientarte... todo depende de los casos que tengas y de cómo quieras aproximarte

@MáximaAlekz .indexOf no gana con strings cortos

Máxima Alekz

Jajajajaja

Pobre Montoro :v

Bueno lo que planeo con toda "esta madre" es llegar a hacer un mini corrector ortográfico

Mariano

@MáximaAlekz ok, ese es otro tema completamente diferente entonces.

dividís en palabras, buscás en diccionario probables usando algún algoritmo de NLP/semántico/por "pronunciación", reemplazás

@MáximaAlekz ¿Por qué "pobre Montoro"? si puso una respuesta excelente

Fui el primero en votarlo +1

Máxima Alekz

04:42

Lo digo sólo con sarcásmo :)

Ahora bien, más o menos así es

Lo sé, apesto en paint, pero lo importante es que hay salud :v

Pero pues, lo estoy haciendo por partes y luego las intentaré unir

Mariano

8

A: Remplazar la ultima coincidencia de un texto usando regex

El problema Estás teniendo un error muy habitual, que es: buscar qué texto coincide con un texto buscado regex1 = /[\@][\w\.\-_]*/g; matchs1 = txt.match(regex1); reemplazar ese texto encontrado en el string txt = txt.replace(matchs1[matchs1.length-1], nuevoTexto ); Esto siempre va a r...

Algo así?

Máxima Alekz

Por ahora si es optimizada la unión no es tan importante si funciona :)

Mariano

(scroll hasta el final)

Máxima Alekz

Sí, es en gran, muy parecido

Si viste la imagen que te envié

Está sugerencia 1, 2 y 3.

Se muestren las sugerencias inline, y pues que sólo sean 3 sin importar si hay más parecidas, entre más escriba el usuario se sabrá qué palabra es

Mariano

Ok, y cuál es el problema?

@MáximaAlekz jsfiddle.net/marianom/fgL7ear5/5

No sé si será lo mejor usando jQuery, no soy muy habitúe, pero eso supongo que podrás arreglarlo

O mismo regex, un poco más corto jsfiddle.net/marianom/fgL7ear5/6

Máxima Alekz

04:58

Hay algo que me pone en duda

Separas el código con ,

No entiendo cómo funciona

:/

Oh wait

Mariano

@MáximaAlekz son variables

Máxima Alekz

Estás creando variables

Mariano

var a= 1, b =2, c = 3;

Máxima Alekz

OMG

Que torpe

Soy

Mariano

Podría hacerlo todo en una sola línea ... jQuery style, pero me gusta ordenar un poco la cosa

Máxima Alekz

05:00

Gracias por la aclaración :)

En JQuery el null para .text() es vacío

...

Mariano

Quizás algo así te sea más familiar jsfiddle.net/marianom/fgL7ear5/7

@MáximaAlekz No entendí ... null? dónde?

Máxima Alekz

Bueno, cuando hay espacio, en el JS Puro muestra como resultado "null" en JQuery con .text() no muestra nada en caso de espacio.

Mariano

hmmm...

¿en qué navegador?

Máxima Alekz

Firefox.

Firefox 50

Mariano

no lo tengo instalado :/

con el código que te había pasado yo?

Máxima Alekz

05:07

Sí, así es

Mariano

Supongo que se arregla cambiando

resultado.innerText = textoHastaCursor.match(umaPalabra);

por

resultado.innerText = "" + textoHastaCursor.match(umaPalabra);

Máxima Alekz

Wow..

Y eso?

Ah no espera

Es que el null, bueno lo tenía en cuenta

No es que quisiera quitarlo

:)

Una pregunta (de tantas)

Mariano

Es lo mismo, es cómo se está pasando el null a string para imprimirlo

Máxima Alekz

Se puede capturar en un textarea cuando se presiona la barra espaciadora?

Está bien :)

Tengo en mente que al presionar la barra espaciadora la palabra que esté en la Sugerencia 2 cambie la palabra.

Mariano

@MáximaAlekz Barra --> jsfiddle.net/marianom/fgL7ear5/8

Máxima Alekz

05:15

Creo que me explico mejor con ilustraciones

Mariano

@MáximaAlekz Ya había entendido perfectamente lo que querías hacer cuando vi esta imagen:

in Stack Overflow en español, 7 hours ago, by Máxima Alekz

Máxima Alekz

...

Jejeje

Bueno, pues espero no ser mucha molestia para ti

:(

Mariano

No, para nada, pero no estás pretendiendo que te escriba el código, o sí?

Máxima Alekz

Pues esperaba sacarlo de varias preguntas

El problema es que para esa clase de preguntas necesito código ya hecho

Y a veces no lo tengo

Mariano

@MáximaAlekz Varias preguntas: es.stackoverflow.com/search?q=autocompl*%20%5Bjquery%5D

pfff sale mal el link

http://es.stackoverflow.com/search?q=autocompl*+%5Bjquery%5D

Máxima Alekz

05:26

Jajaja lo sé, pero lo acomodé :)

Gracias

Pero

Es posible lograr lo que te envié?

La imagen

Pero sin uso de .js foráneos

Sólo JQuery.

Porque me gusta saber cómo trabaja todo, y de qué forma puedo crear mi propio "sistema"

Porque sí, todo está creado, pero no me sirve de nada si ni se qué hay en esos .js

Prefiero crear el mío y así sabré :)

Mariano

jqueryui.com es casi tan conocido como jQuery, todos lo usan

Máxima Alekz

Ah bueno, los child de JQuery sí.

Pero yo me refería por ejemplo

Cuando busco como subrayar el texto si es código

Todos "USA HIGHLIGHT.JS"

-.-

Código JS de expertos que usan mero return y su organización de código es compleja.

:(

Mariano

jajaja Le tenés un miedo injustificado a JavaScript

Máxima Alekz

Por ejemplo ... cdn.jsdelivr.net/highlight.js/9.8.0/highlight.min.js

:(

Mariano

05:44

@MáximaAlekz Los archivos que son *.min.js (Minified) están puestos así para ahorrar bytes a la hora de descargarlos... siempre existen versiones normales que podés leer perfectamente

Máxima Alekz

Está bien :)

Los que están "descomprimidos" son para producción?

O esos son los Minified?

Mariano

@MáximaAlekz Los que están completos tienen el código visible para que puedas leerlo, entenderlo y usarlo cuando quieras... En producción se recomienda usar las versiones minified para que los usuarios descarguen menos...

Por ejemplo: jQuery: ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.js

jQuery.min ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js

Son lo mismo, tienen el mismo código, uno se puede leer normalmente, el otro no

Máxima Alekz

Gracias

Aunque parezca loco

Me gustaría conocer la parte del codigo que hace que $() funcione

...

Mariano

2 mins ago, by Mariano

Por ejemplo: jQuery: https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.js

Máxima Alekz

Sí, pero qué función :)

Mariano

05:53

Al final del código, está esta línea:

window.jQuery = window.$ = jQuery;

Eso hace que $() sea lo mismo que jQuery()

Al principio del código, tenés:

jQuery.fn = jQuery.prototype = {

Eso empieza a construir al objeto

Máxima Alekz

Wow.

Lo más extraño es que supuse que eso lo encontraría al final..

Mariano

después, tenés varias lineas que siguen extendiendo a jQuery... hasta:

jQuery.each( "Boolean Number String Function Array Date RegExp Object Error Symbol".split( " " ),

Máxima Alekz

Triple rayos..

Mariano

Ahí empieza a definir qué hacer con cada tipo

Máxima Alekz

Muchas gracias

Mariano

06:05

Y después llama a Sizzle (ahora no encuentro dónde)....

Definido en:

function Sizzle( selector, context, results, seed ) {

y abajo de eso te muestra cómo usa cada selector

...nada que no se pueda hacer fácilmente con JavaScript

jQuery está sobrevaluado

in Stack Overflow en español, 23 hours ago, by Mariano

Hasta ahora me lo venía aguantando, pero tengo que confesarlo: odio usar jQuery

Transcript for

Room for Máxima Alekz and Mariano