7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
1/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 1/13
Toggle navigation Iteramos
RegstrateLogin
InicioPreguntas
RecientesMs votadasMs visitadasMs respondidas
Preguntas TraducidasRecientesMs votadasMs visitadasMs respondidasRevisadas manualmente
Sin responderSinresponderAbiertas
EtiquetasHumor DevPreguntar
La mejor manera de organizar jQuery/JavaScript de cdigo (2013) -javascript jquery jquery-ui backbone.js requirejs
Buscar Pregunta
Iteramoses una comunidad de preguntas y respuestas para profesionales y entusiastas de la programacin. Estotalmente gratuito.
Empieza en dos minutos
javascriptjqueryjquery-uibackbone.jsrequirejs
La mejor manera de organizar jQuery/JavaScript de cdigo (2013)
Preguntado el 24 de Mayo, 2013Cuando se hizo la pregunta
12425 visitasCuantas visitas ha tenido la pregunta
5 Respuestas
Cuantas respuestas ha tenido la preguntaCerrada
Estado actual de la pregunta
El Problema
58 votos53voto7voto5voto3voto
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013http://www.iteramos.com/etiquetada/requirejshttp://www.iteramos.com/etiquetada/jquery-uihttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/user/signuphttp://www.iteramos.com/gifs-programacionhttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/revisadashttp://www.iteramos.com/preguntas/mas-votadas/traducidashttp://www.iteramos.com/preguntas/recientes/traducidashttp://www.iteramos.com/preguntas/mas-votadas/usuarioshttp://www.iteramos.com/preguntas/recientes/usuarioshttp://www.iteramos.com/http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013http://stackoverflow.com/users/965921/cezarislthttp://www.iteramos.com/etiquetada/requirejshttp://www.iteramos.com/etiquetada/backbone.jshttp://www.iteramos.com/etiquetada/jquery-uihttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/user/signuphttp://www.iteramos.com/preguntarhttp://www.iteramos.com/gifs-programacionhttp://www.iteramos.com/etiquetashttp://www.iteramos.com/preguntas/sin-respuesta-aceptadahttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/revisadashttp://www.iteramos.com/preguntas/mas-respondidas/traducidashttp://www.iteramos.com/preguntas/mas-visitadas/traducidashttp://www.iteramos.com/preguntas/mas-votadas/traducidashttp://www.iteramos.com/preguntas/recientes/traducidashttp://www.iteramos.com/preguntas/recientes/traducidashttp://www.iteramos.com/preguntas/mas-respondidas/usuarioshttp://www.iteramos.com/preguntas/mas-visitadas/usuarioshttp://www.iteramos.com/preguntas/mas-votadas/usuarioshttp://www.iteramos.com/preguntas/recientes/usuarioshttp://www.iteramos.com/preguntas/recientes/usuarioshttp://www.iteramos.com/http://www.iteramos.com/loginhttp://www.iteramos.com/user/signuphttp://www.iteramos.com/7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
2/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 2/13
Esta respuesta ha sido contestado antes pero son viejos y no hasta la fecha. Tengo ms de 2000 lneas de cdigoen un archivo nico, y como todos sabemos, esta es una mala prctica, sobre todo cuando estoy mirando a travsde cdigo o la adicin de nuevas caractersticas. Quiero organizar mejor mi cdigo, para ahora y para el futuro.
Debo mencionar que yo soy la construccin de una herramienta (no una simple pgina web) con un montn debotones, elementos de interfaz de usuario, arrastre, gotas, la accin de los oyentes/controladores y funcin en elmbito global, donde varios oyentes pueden usar la misma funcin.
Ejemplo de cdigo
$('#button1').on('click', function(e){// Determined action.update_html();
});
... // Around 75 more of this
functionupdate_html(){ .... }
...
Ms ejemplo de cdigo
Conclusin
Realmente necesito para organizar este cdigo para el mejor uso y no a repetir a m mismo y ser capaz de aadirnuevas caractersticas y actualizacin de los antiguos. Voy a estar trabajando en esto por m mismo. Algunosselectores pueden ser de 100 lneas de cdigo que otros son 1. He mirado un poco en require.jsy pareci un
poco repetitivo, y realmente escribir ms cdigo que sea necesario . Estoy abierta a cualquier posible solucin quese ajustan a este criterio y enlace a recursos / ejemplos son siempre un plus.
Gracias.
Preguntado el 24 de Mayo, 2013 por CezarisLT
Ver la pregunta original Stack Overflow Mejorar Traduccin Twittear
Utiliza los comentarios para pedir mas informacino hacer sugerencias.
Comentar Comentar
10%de descuento con el cdigo ITERAMOS
5 Respuestas
Demasiados anuncios?
Sbastien RenauldPuntos8624
Voy a repasar algunas cosas simples que puede, o no puede, ayudar. Algunos pueden ser evidentes, algunospodran ser extremadamente arcano.
Paso 1: Compartimentar su cdigo
0Me gusta Compartir
http://stackoverflow.com/users/2167834/s%c3%a9bastien-renauldhttp://stackoverflow.com/users/2167834/s%c3%a9bastien-renauldhttp://www.iteramos.com/haz-login-quitar-anuncioshttp://www.latostadora.com/web/programador_no_arreglo_ordenador/658369?a_aid=2014t043https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&via=IteramosDevhttp://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013/revisar-traduccionhttp://stackoverflow.com/questions/16736483/best-way-to-organize-jquery-javascript-code-2013http://stackoverflow.com/users/965921/cezarislthttp://pastebin.com/PrbwanNZ7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
3/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 3/13
Separar el cdigo en mltiples unidades modulares es un muy buen primer paso. Ronda de lo que funciona"juntos" y los puso en su propio pequeo encerrado unidad. no te preocupes por el formato, por ahora, manteneren lnea. La estructura es un punto posterior.
As, supongamos que usted tiene una pgina como esta:
Tendra sentido para compartimentar, de modo que todo el encabezado relacionados con controladores deeventos/clasificadores estn ah, para facilitar el mantenimiento (y no tener que tamizar a travs de 1000 lneas).
Luego, puede utilizar una herramienta como el Gruido de re-construir sus JS la espalda a una sola unidad.
Paso 1a: gestin de la Dependencia
El uso de una biblioteca como RequireJS o CommonJS a implementar algo que se llama AMD. Asincrnico de laCarga del Mdulo le permite explcitamente el estado de lo que su cdigo depende, que permite la descarga de la
biblioteca-llamando al cdigo. Usted slo puede literalmente dicen "Esto necesita jQuery" y el AMD se carga, yejecutar su cdigo cuando jQuery est disponible.
Esto tambin tiene una joya escondida: la carga de la biblioteca se har la segunda el DOM est listo, no antes.Esto no detiene la carga de tu pgina!
Paso 2: Modularizar
Ver la malla de alambre? Tengo dos bloques de anuncios. Que lo ms probable es que han compartido losdetectores de eventos.
Su tarea en este paso es identificar los puntos de repeticin en el cdigo y a intentar sintetizar todo esto enmdulos. Mdulos, ahora mismo, todo lo abarcan. Vamos a dividir las cosas a medida que avanzamos.
La idea de este paso es ir desde el paso 1 y eliminar a todos la copia de pastas, para sustituirlas por unidades queestn dbilmente acoplados. As, en lugar de tener:
ad_unit1.js
$("#au1").click(function() { ... });
ad_unit2.js
7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
4/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 4/13
$("#au2").click(function() { ... });
Voy a tener:
ad_unit.js:
var AdUnit = function(elem) {this.element = elem || new jQuery();
}AdUnit.prototype.bindEvents = function() {
... Events go here}
page.js:
var AUs = new AdUnit($("#au1,#au2"));AUs.bindEvents();
Que permite repartir entre tus eventosy su marcadoadems de deshacerse de la repeticin. Este es un buen pasoy vamos a extender ms en ello ms tarde.
Paso 3: elija un marco!
Si quieres modularizar y reducir las repeticiones an ms, hay un montn de impresionantes marcos alrededor queimplementar MVC (Modelo - Vista - Controlador) enfoques. Mi favorito es el pilar/Columna vertebral, sinembargo, tambin hay Angular, Yii, ... y La lista contina.
Un Modelorepresenta los datos.
Una Vistaque representa su marca y todos los eventos asociados a ella
Un Controladorrepresenta la lgica de negocio - en otras palabras, el controlador le dice a la pgina de lo quelas vistas de la carga, y lo que los modelos a utilizar.
Este ser un aprendizaje significativo a paso, pero el premio se lo merece: favorece limpia, modular cdigoespagueti.
Hay un montn de otras cosas que usted puede hacer, esos son solo pautas e ideas.
Cdigo cambios especficos de
Aqu estn algunas mejoras especficas para el cdigo:
$('.new_layer').click(function(){
dialog("Create new layer","Enter your layer name","_input", {
'OK' : function(){
var reply = $('.dialog_input').val();
if( reply != null && reply != "" ){
var name = "ln_"+reply.split(' ').join('_');varparent = "";
if(selected_folder != "" ){parent = selected_folder+" .content";}
$R.find(".layer").clone()
7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
5/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 5/13
.addClass(name).html(reply).appendTo("#layer_groups "+parent);
$R.find(".layers_group").clone().addClass(name).appendTo('#canvas '+selected_folder);
}
}
});});
Esto es mejor escribir como:
$("body").on("click",".new_layer", function() {dialog("Create new layer", "Enter your layer name", "_input", {
OK: function() {// There must be a way to get the input from here using this, if it is a standard librar
// This is where the view comes into play. Instead of cloning, bind the rendering into avar newLayer = new Layer();newLayer
.setName(name)
.bindToGroup(parent);}
});});
Anteriormente en el cdigo:
window.Layer = function() {this.instance = $("");// Markup generated here
};window.Layer.prototype = {setName: function(newName) {},bindToGroup: function(parentNode) {}
}
De repente, usted tiene una manera de crear una capa estndar desde cualquier lugar en el cdigo, sin copiarpegar. Usted est haciendo esto en cinco lugares diferentes. Slo me he salvado de cinco copia-pega.
Uno ms:
// Conjunto de reglas de contenedor para las acciones
var PageElements = function(ruleSet) {ruleSet = ruleSet || [];this.rules = [];for (var i = 0; i < ruleSet.length; i++) {
if (ruleSet[i].target && ruleSet[i].action) {this.rules.push(ruleSet[i]);
}}}PageElements.prototype.run = function(elem) {for (var i = 0; i < this.rules.length; i++) {
this.rules[i].action.apply(elem.find(this.rules.target));}}
var GlobalRules = new PageElements([{
7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
6/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 6/13
"target": ".draggable","action": function() { this.draggable({
cancel: "div#scrolling, .content",containment: "document"});
}},{
"target" :".resizable","action": function() {
this.resizable({handles: "all",zIndex: 0,containment: "document"
});}
}
]);
GlobalRules.run($("body"));
// If you need to add elements later on, you can just call GlobalRules.run(yourNewElement);
Esta es una manera muy potente para registrar las reglas si usted tiene eventos que no son estndar, o la creacinde eventos. Esto tambin es en serio kick-ass cuando se combina con un pub/sub sistema de notificacin y cuandose une a un evento de fuego que cada vez que se crea elementos. Fuego n''forget modular de enlace de evento!
Respondidoel 26 de Mayo, 2013 por Sbastien Renauld(8624 puntos)
Mejorar Traduccin Twittear
Utiliza los comentarios para pedir mas informacino hacer sugerencias.
Comentar Comentar
10%de descuento con el cdigo ITERAMOS
Lyn HeadleyPuntos3884
Aqu est una manera simple de dividir su actual base de cdigo en varios archivos, el uso de require.js. Yo temostrar cmo dividir el cdigo en dos archivos. Agregar ms archivos ser fcil despus de eso.
Paso 1)En la parte superior de su cdigo, crear un objeto de Aplicacin (o cualquier nombre que prefiera, comoMyGame):
var App = {}
Paso 2)Convertir todos los de su nivel superior de variables y funciones que pertenecen al objeto de Aplicacin.
En lugar de:
var selected_layer = "";
Usted desea:
App.selected_layer = "";
0Me gusta Compartir
http://stackoverflow.com/users/692065/lyn-headleyhttp://stackoverflow.com/users/692065/lyn-headleyhttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=2e708e10https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119884&via=IteramosDevhttp://www.iteramos.com/respuesta/119884/revisar-traduccionhttp://stackoverflow.com/users/2167834/s%c3%a9bastien-renauld7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
7/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 7/13
En lugar de:
functiongetModified(){...}
Usted desea:
App.getModified = function() {
}
Tenga en cuenta que en este punto el cdigo no funcionarhasta que termine el siguiente paso.
Paso 3)Convertir todos variable global y la funcin de las referencias a ir a travs de la Aplicacin.
Cambio cosas como:
selected_layer = "."+classes[1];
a:
App.selected_layer = "."+classes[1];
y:
getModified()
a:
App.GetModified()
Paso 4)Probar el cdigo en este momento-todo el trabajo. Usted probablemente va a obtener un par de errores alprincipio porque te perdiste algo, as que arreglar antes de pasar.
Paso 5)Establecer requirejs. Supongo que usted tiene una pgina web, que se sirve de un servidor web, cuyocdigo es:
www/page.html
y jquery
www/js/jquery.js
Si estas rutas no son exactamentecomo esta la de abajo no funcionar y tendrs que modificar las rutas deacceso.
Descargar requirejsy poner require.js en su www/jsdirectorio.
en su page.html, eliminar todas las etiquetas de secuencia de comandos e insertar una etiqueta de secuencia decomandos como:
crear www/js/main.jscon contenido:
require.config({
http://requirejs.org/docs/release/2.1.6/comments/require.js7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
8/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 8/13
"shim": {'jquery': { exports: '$' }
}})
require(['jquery', 'app']);
a continuacin, poner todo el cdigo que acaba de arreglar en los Pasos 1-3 (cuya nica variable global debe serApp) en:
www/js/app.js
En la parte superior de ese archivo, poner:
require(['jquery'], function($) {
En la parte inferior:
})
Luego de la carga page.html en su navegador. Su aplicacin debera funcionar!
Paso 6)Crear otro archivo
Aqu es donde su trabajo vale la pena, usted puede hacer esto una y otra vez.
Sacar algo de cdigo de www/js/app.jsque hace referencia a dlares y Aplicacin.
por ejemplo,
$('a').click(function() { App.foo() }
Ponerlo en www/js/foo.js
En la parte superior de ese archivo, poner:
require(['jquery', 'app'], function($, App) {
En la parte inferior:
})
A continuacin, cambiar la ltima lnea de www/js/main.js a:
require(['jquery', 'app', 'foo']);
Eso es todo! Hacer esto cada vez que quiero poner el cdigo en su propio archivo!
Respondidoel 28 de Mayo, 2013 por Lyn Headley(3884 puntos)
Mejorar Traduccin Twittear
Utiliza los comentarios para pedir mas informacino hacer sugerencias.
Comentar Comentar
10%de descuento con el cdigo ITERAMOS
10voto
0Me gusta Compartir
https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119886&via=IteramosDevhttp://www.iteramos.com/respuesta/119886/revisar-traduccionhttp://stackoverflow.com/users/692065/lyn-headley7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
9/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 9/13
Jess CarreraPuntos980
Por su pregunta y comentarios voy a asumir que no estn dispuestos a puerto el cdigo en un marco como lacolumna vertebral, o el uso de un gestor de biblioteca como Requieren. Lo que desea es una mejor manera deorgainze el cdigo que ya tienes, en la forma ms sencilla posible.
Entiendo que es molesto para desplazarse a travs de ms de 2000 lneas de cdigo para encontrar la seccin quedesea trabajar. La solucin es dividir el cdigo en archivos diferentes, uno para cada funcionalidad. Por ejemplosidebar.js, canvas.jsetc. Entonces usted puede unirse a ellos para la produccin usando Grunt, junto conUsemin puede tener algo como esto:
En el html:
En su Gruntfile:
useminPrepare: {html: 'app/index.html',options: {
dest: 'dist'
}},usemin: {
html: ['dist/{,*/}*.html'],css: ['dist/styles/{,*/}*.css'],options: {
dirs: ['dist']}
}
Si desea utilizar Yeoman se le dar un cdigo reutilizable para todo esto.
A continuacin, para cada archivo, usted necesita para asegurarse de que siguen las mejores prcticas y que todo
el cdigo y variables son todos en ese archivo, y no dependen de otros archivos. Esto no significa que usted nopuede llamar a las funciones de un archivo de otro, el punto es tener variables y funciones encapsuladas. Algosimilar a namespacing. Voy a asumir que usted no quiere a puerto todos los que tu cdigo sea Orientado aObjetos, pero si no te importa refactorizacin un poco, se lo recomiendo a agregar algo equivalente a lo que sellama un modelo de Mdulo. Se ve algo como esto:
sidebar.js
var Sidebar = (function(){// functions and vars here are privatevar init = function(){
$("#sidebar #sortable").sortable({
forceHelperSize: true,forcePlaceholderSize: true,revert: true,revert: 150,placeholder: "highlight panel",axis: "y",
Esta web utiliza cookies propias y de terceros. ver mas Cerrar mensaje
http://www.iteramos.com/aviso-legal#cookieshttp://stackoverflow.com/users/2330244/jes%c3%bas-carrerahttp://stackoverflow.com/users/2330244/jes%c3%bas-carrerahttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=2e708e107/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
10/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 10/13
tolerance: "pointer",cancel: ".content"
}).disableSelection();}return {
// here your can put your "public" functionsinit : init
}})();
A continuacin, puede cargar este trozo de cdigo como este:
$(document).ready(function(){Sidebar.init();...
Esto le permitir tener una mucho ms mantenible cdigo y no requiere que usted vuelva a escribir su cdigodemasiado.
Respondidoel 28 de Mayo, 2013 por Jess Carrera(980 puntos)
Mejorar Traduccin Twittear
Utiliza los comentarios para pedir mas informacino hacer sugerencias.
Comentar Comentar
10%de descuento con el cdigo ITERAMOS
Rohit TailorPuntos86
El uso de javascript MVC Framework con el fin de organizar el cdigo javascript de una manera estndar.
Mejor JavaScript frameworks MVC disponibles son:
Columna vertebralAngularCanJS
Ember
La seleccin de un JavaScript MVC framework requiere tantos factores a considerar. Lea el siguiente artculo decomparacin que le ayudar a seleccionar el mejor marco de referencia basado en los factores importantes para su
proyecto: http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/
Tambin puede utilizar RequireJScon el marco para apoyar Asynchrounous archivo js y el mdulo de carga.Mira el siguiente para empezar a trabajar en JS Mdulo de carga:http://www.sitepoint.com/understanding-requirejs-for-effective-javascript-module-loading/
Respondidoel 29 de Mayo, 2013 por Rohit Tailor(86 puntos)
Mejorar Traduccin
Twittear
Utiliza los comentarios para pedir mas informacino hacer sugerencias.
Comentar Comentar
10%de descuento con el cdigo ITERAMOS
0Me gusta Compartir
0Me gusta Compartir
https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119887&via=IteramosDevhttp://www.iteramos.com/respuesta/119887/revisar-traduccionhttp://stackoverflow.com/users/1227904/rohit-tailorhttp://www.sitepoint.com/understanding-requirejs-for-effective-javascript-module-loading/http://requirejs.org/http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/http://emberjs.com/http://canjs.com/http://angularjs.org/http://backbonejs.org/http://stackoverflow.com/users/1227904/rohit-tailorhttp://stackoverflow.com/users/1227904/rohit-tailorhttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=26606a3fhttps://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119885&via=IteramosDevhttp://www.iteramos.com/respuesta/119885/revisar-traduccionhttp://stackoverflow.com/users/2330244/jes%c3%bas-carrera7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
11/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 11/13
Fazle RabbiPuntos624
Yo sugerira:
1. publicador/suscriptor patrn para la gestin de eventos.2. la orientacin a objetos3. namespacing
En el caso de Jessica, dividir la interfaz en pginas o pantallas. Pginas o pantallas pueden ser de los objetos y dealgunas clases para los padres. Gestionar las interacciones entre las pginas con un pagemanager tambin includoclase.
Respondidoel 26 de Mayo, 2013 por Fazle Rabbi(624 puntos)Mejorar Traduccin Twittear
Utiliza los comentarios para pedir mas informacino hacer sugerencias.
Comentar Comentar
10%de descuento con el cdigo ITERAMOS
Preguntas relacionadas
Cmo lograr la carga diferida con RequireJS?Backbone.js capaz de hacer el resto y localstorage?La mejor manera de encontrar un elemento en un array de JavaScript?Cul es la mejor manera para aadir opciones a seleccionar a partir de un array con jQuery?La mejor manera de utilizar Google hosted jQuery, pero vuelven a caer en mi alojado en la biblioteca deGoogle fallarLa mejor manera de eliminar un controlador de eventos en jQuery?Cul es la mejor manera de definir una clase en JavaScript?
Buscas trabajo?
Programador Front, HTML5, CSS3, AngularCAS TRAININGSalamanca y otrasJAVASCRIPTHTML5 CSS3 JQUERYSoftware Engineer - InternetEpic Labs
MadridJavaScriptJava C/C++ TypeScriptDesarrollador Java ExpertSfereaSin Provincia.
0Me gusta Compartir
http://www.tecnoempleo.com/desarrollador-java-expert-sin-provincia/desarrollo-web-html5-css3-javascri/rf-8df0o09a2778cz09ceu0?utm_source=iteramoshttp://www.tecnoempleo.com/software-engineer-internet-madrid/java-c-c-javascript-typescript-python-go/rf-ca1cyc8bal09f8d258r0?utm_source=iteramoshttp://www.tecnoempleo.com/programador-front-html5-css3-angular-salamanca/html5-css3-javascript-jquer/rf-488bydf81nd0cc2b78q5?utm_source=iteramoshttp://www.iteramos.com/pregunta/1579/cual-es-la-mejor-manera-de-definir-una-clase-en-javascripthttp://www.iteramos.com/pregunta/1224/la-mejor-manera-de-eliminar-un-controlador-de-eventos-en-jqueryhttp://www.iteramos.com/pregunta/1185/la-mejor-manera-de-utilizar-google-hosted-jquery-pero-vuelven-a-caer-en-mi-alojado-en-la-biblioteca-de-google-fallarhttp://www.iteramos.com/pregunta/1295/cual-es-la-mejor-manera-para-anadir-opciones-a-seleccionar-a-partir-de-un-array-con-jqueryhttp://www.iteramos.com/pregunta/1507/la-mejor-manera-de-encontrar-un-elemento-en-un-array-de-javascripthttp://www.iteramos.com/pregunta/27806/backbonejs-capaz-de-hacer-el-resto-y-localstoragehttp://www.iteramos.com/pregunta/27560/como-lograr-la-carga-diferida-con-requirejshttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=2e708e10https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119888&via=IteramosDevhttp://www.iteramos.com/respuesta/119888/revisar-traduccionhttp://stackoverflow.com/users/1823186/fazle-rabbihttp://stackoverflow.com/users/1823186/fazle-rabbihttp://stackoverflow.com/users/1823186/fazle-rabbihttp://www.latostadora.com/web/programador_no_arreglo_ordenador/658369?a_aid=2014t0437/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
12/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 12/13
JavaScriptDesarrollo Web: HTML5 CSS3 jQuerySenior Developer Javascript / D3HRCSMlaga y otrasJavascript React Angular BackboneDesarrollador webImaginamosCundinamarcaJavascriptPHP MVC CSS
Ver ms Ofertas de Empleo
Gifs para programadores Ver mas
Cuando en vez de un pequeo script me obligan a usar un patrn de diseo
@author matov
Twittear Seguir
Preguntas sin responder
1Votos
remover items de input file multiplejavascriptjquery
php
0Votos
Saber sentido de una ruta en Google Mapsgooglemaps
phpjavascriptjquery
-1Votos
problema con el uso de 'with' o con el valor del observable (Knockoutjs)javascriptknockoutjs
0Votos
http://www.iteramos.com/etiquetada/knockoutjshttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/pregunta/52581/problema-con-el-uso-de-with-o-con-el-valor-del-observable-knockoutjshttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/etiquetada/phphttp://www.iteramos.com/etiquetada/googlemapshttp://www.iteramos.com/pregunta/54511/saber-sentido-de-una-ruta-en-google-mapshttp://www.iteramos.com/etiquetada/phphttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/pregunta/71379/remover-items-de-input-file-multiplehttps://twitter.com/intent/follow?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw®ion=follow_link&screen_name=IteramosDev&tw_p=followbuttonhttps://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=Cuando%20en%20vez%20de%20un%20peque%C3%B1o%20script%20me%20obligan%20a%20usar%20un%20patr%C3%B3n%20de%20dise%C3%B1o&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fgif%2F895%2Fcuando-en-vez-de-un-pequeno-script-me-obligan-a-usar-un-patron-de-diseno&via=IteramosDevhttp://www.iteramos.com/gif/895/cuando-en-vez-de-un-pequeno-script-me-obligan-a-usar-un-patron-de-disenohttp://www.iteramos.com/gifs-programacionhttp://www.tecnoempleo.com/ofertas-trabajo/?cp=72&te=javascripthttp://www.tecnoempleo.com/desarrollador-web-cundinamarca/php-mvc-javascript-css-mysql-web-services/rf-d4f1n4a570208a19f1y8?utm_source=iteramoshttp://www.tecnoempleo.com/senior-developer-javascript-d3-malaga/javascript-react-angular-backbone-we/rf-30cd295c7ab5f220e832?utm_source=iteramos7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript
13/13
12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript
Jquery aadir elementosjqueryjavascript
1Votos
estudio de potencia con R comanderr
0Votos
como invalidar en c++java.uo
1Votos
Como evitar mostrar blank page con un video en su interior usando webview?androidwebviewvideo
Etiquetas mas usadas
c#javajavascriptandroid
pythonc++.net
jqueryiphone
php
Iteramos.com
Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programacin mas alldel ingls.Para ello traducimos las preguntas mas populares de Stack Overflow a espaol y tambin puedes hacer tus propias
preguntas o resolver las de los dems.
Powered by:
Yandex
Aviso Legal Poltica de Privacidad Contacto
2015 Iteramos.com
http://www.iteramos.com/contactohttp://www.iteramos.com/politica-privacidadhttp://www.iteramos.com/aviso-legalhttp://translate.yandex.com/http://laravel.com/http://www.iteramos.com/etiquetada/phphttp://www.iteramos.com/etiquetada/iphonehttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/.nethttp://www.iteramos.com/etiquetada/c++http://www.iteramos.com/etiquetada/pythonhttp://www.iteramos.com/etiquetada/androidhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/etiquetada/javahttp://www.iteramos.com/etiquetada/c%23http://www.iteramos.com/etiquetada/videohttp://www.iteramos.com/etiquetada/webviewhttp://www.iteramos.com/etiquetada/androidhttp://www.iteramos.com/pregunta/72498/como-evitar-mostrar-blank-page-con-un-video-en-su-interior-usando-webviewhttp://www.iteramos.com/etiquetada/java.uohttp://www.iteramos.com/pregunta/72607/como-invalidar-en-chttp://www.iteramos.com/etiquetada/rhttp://www.iteramos.com/pregunta/72971/estudio-de-potencia-con-r-comanderhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/pregunta/28116/jquery-anadir-elementosTop Related