{"id":23718,"date":"2018-07-19T08:52:28","date_gmt":"2018-07-19T06:52:28","guid":{"rendered":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/"},"modified":"2018-07-19T08:52:31","modified_gmt":"2018-07-19T06:52:31","slug":"jquery-vs-vuejs-generazioni-a-confronto","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/","title":{"rendered":"jQuery vs VueJS: generazioni a competizione"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div id=\"\">\n<p>Vestigia le quali il &#8220;vs&#8221; del soprannome indica un competizione simpatico tra poco ottimi prodotti, il cui traguardo \u00e8 quegli  calcare a loro aspetti vantaggiosi ed i punti forti  l&#8217;uno e l&#8217;altro.<\/p>\n<p>Nell&#8217;dell&#8217;ultima ora decennio sono stati creati innumerevoli framework le quali hanno protetto milioni  sviluppatori (sia front-end le quali back-end) riconoscenza all&#8217;diffusione delle   centro offerte da parte di Javascript, le quali, pure siano nativamente potenti, sono quandanche dipendenti  dal client quanto a utilizzazione.<\/p>\n<p> dei antenati vantaggi le quali derivano dall&#8217;uso  un framework Javascript premura al Javascript naturale \u00e8 appunto  sgravo dei controlli  tutte le  cross-browser possibili ed immaginabili, in che modo le differenti dote per mezzo di i rispettivi  CSS, le dote globali dell&#8217;obbiettivo <em>window<\/em> e dell&#8217;obbiettivo <em>document<\/em>, le sintassi DOM, a loro oggetti &#8220;avanzati&#8221; (in che modo quelli utili  fare richieste asincrone al server) e notevolmente  di pi\u00f9. <\/p>\n<p>Per questo schema, quanto a idiomatico Internet Explorer \u00e8 potenza la &#8221; nera&#8221;  prestanza le quali ha determinato notevolmente da parte di affaticarsi agli autori  applicazioni Javascript, patronato la sua alta commissione  sintassi proprietarie le quali contrastavano per mezzo di a loro valore.<\/p>\n<p>  , team  sviluppatori esperti si sono messi al capolavoro  prestare prodotti gara open source  alta dono utili alla modello  qualunque categoria  uso front-end le quali \u00e8 potenza fattibile rendersi conto quanto a centro alle tecnologie a attitudine.<\/p>\n<h2>jQuery<\/h2>\n<p>Tra poco i nomi delle librerie Javascript\u00a0di pi\u00f9 note le quali rientrano nella <strong>antecedentemente razza<\/strong>  framework, troviamo Prototype, le quali segn\u00f2 un buonissimo trend  uso all&#8217;cronologia del  esordio, coadiuvato dalla sua scaffale  oggetti  Scriptaculous; MooTools, framework per mezzo di composizione notevolmente affine, invece le quali per mezzo di l&#8217;andare a parare del lasso \u00e8 diventato in ogni tempo di pi\u00f9 assoluto e modulare; ExtJs, le quali offre ottimi controlli GUI, temi completi, toolkit e un metodo a classi; Dojo, framework fitto  qualunque , ed finalmente <strong>jQuery<\/strong>.<\/p>\n<p>jQuery \u00e8 potenza  il framework Javascript di pi\u00f9 utilizzato quanto a puro. Numerosi sviluppatori hanno prescelto  sistemi pi\u00f9 orientati ad una composizione Object-Oriented, invece un cerchia di pi\u00f9 maggiori si \u00e8 drogato portare via dalla naturalezza  uso  jQuery e  dalla sua velocit\u00e0 nella documento  regole. &#8220;<em>Write less, do more<\/em>&#8221; \u00e8 appunto  slogan autentico del framework, le quali indica quanto a sistema puntuale  traguardo dello equipollente: compilare il eccetto regole fattibile  riscuotere il colmo conclusione: controlli compatibili quanto a qualunque browser, device e metodo operativo, innestati quanto a un metodo  oggetti procedurali a concatenazione.<\/p>\n<p>Ad modello,  iniziare un episodio allorquando l&#8217; clicca per mezzo di il  contrario del mouse su qualunque div regalo nella brano, e far si le quali un dato vaso dall&#8217;id &#8216;result&#8217; mostri il peso della dote CSS background-color del div quanto a quesito, baster\u00e0 compilare:<\/p>\n<pre class=\"brush:plain\" readability=\"7\">&#13;\n<div class=\"container\" readability=\"7\">\n<p><code>$( <span class=\"string\" style=\"color: #dd1144\">\"div\"<\/span> ).click(<span class=\"keyword\" style=\"font-weight: bold\">function<\/span>() {<\/code><\/p>\n<\/div>&#13;\n<div class=\"container\" readability=\"7\">\n<p><code> <span class=\"keyword\" style=\"font-weight: bold\">var<\/span> color = $( <span class=\"keyword\" style=\"font-weight: bold\">this<\/span> ).css( <span class=\"string\" style=\"color: #dd1144\">\"background-color\"<\/span> );<\/code><\/p>\n<\/div>&#13;\n<div class=\"container\" readability=\"7\">\n<p><code> $( <span class=\"string\" style=\"color: #dd1144\">\"#result\"<\/span> ).html( <span class=\"string\" style=\"color: #dd1144\">\"That div is &lt;span style='color:\"<\/span> +<\/code><\/p>\n<\/div>&#13;\n<div class=\"container\" readability=\"7\">\n<p><code> color + <span class=\"string\" style=\"color: #dd1144\">\";'&gt;\"<\/span> + color + <span class=\"string\" style=\"color: #dd1144\">\"&lt;\/span&gt;.\"<\/span> );<\/code><\/p>\n<\/div>&#13;\n&#13;\n<\/pre>\n<p>Fulgore e schiettezza, ebbene.<\/p>\n<h2>Vue.js<\/h2>\n<p><strong>Vue.js<\/strong> fa brandello della raccolta  framework, tra poco cui i famosissimi Angular.js, Angular2, React.js, Ember.js e Meteor.js  <strong>seconda razza<\/strong>.  le quali attenersi sostanzialmente sulla scorsa e sulla manomissione del Document Object Model, i framework Javascript  seconda razza si focalizzano sul <strong>patronato binding<\/strong>.<\/p>\n<p>Leggendo la brano HTML, le quali avr\u00e0 incorporati tag &#8216;custom&#8217;, il framework Javascript  seconda razza permette appunto  eseguire questi tag in che modo direttive le quali legano inizio, output ed operazioni  svariato categoria ad un copia le quali \u00e8 costituito da parte di variabili e strutture Javascript. I   questi dati,  poter consistere impostati manualmente e staticamente all&#8217;profondo del template HTML, possono quandanche consistere operosamente recuperati e generati corso apposite risorse, quali ad modello JSON.<\/p>\n<p>Per eccezione questo ragione, tali framework sono notevolmente simili ad una composizione MVC autentica, ribattezzata quanto a qualche fortuna in che modo <strong>MVW<\/strong> (<em>Model View Whatever<\/em>).<\/p>\n<p>Vue.js \u00e8 un merce  mostra nella seconda razza, dominata quanto a larga brandello da parte di Angular.<\/p>\n<p>Realizzato da parte di Evan You, sviluppatore  Google e grosso utilizzatore  Angular, Vue.js offre ottime  quali il finto patronato binding, il rendering server-side, una CLI, il fondamento a JSX, e si pone in che modo solida centro  la modello  SPA (<em>single page applications<\/em>), essendo unito dei framework Javascript di pi\u00f9 veloci,  n\u00e9 il di pi\u00f9 celere quanto a .<\/p>\n<p>N\u00e9 pu\u00f2 ebbene effettivit\u00e0 un fondato contrapposizione tra poco i 2 componenti presi quanto a meditazione, che appartenenti a 2 generazioni  prodotti notevolmente diverse tra poco  le quali si avvalgono  modelli lo stesso differenti. Ci\u00f2 le quali \u00e8 essenziale , \u00e8 saper  entrambe le  utili nello aumento  un&#8217;uso web moderna.<\/p>\n<p>&#13;<br \/>\n        <!--div class=\"sharelink\">\n              \n\n<ul>\n                  \n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/17\/07\/2018\/jquery-vs-vuejs-generazioni-a-confronto\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n                  \n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F17%2F07%2F2018%2Fjquery-vs-vuejs-generazioni-a-confronto%2F&via=html_it&text=jQuery%20vs%20VueJS%3A%20generazioni%20a%20confronto','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n              <\/ul>\n\n\n          <\/div-->&#13;<br \/>\n&#13;\n    <\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/k9Q9LJAp9ko\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vestigia le quali il &#8220;vs&#8221; del soprannome indica un competizione simpatico tra poco ottimi prodotti, il cui traguardo \u00e8 quegli calcare a loro aspetti vantaggiosi ed i punti forti l&#8217;uno e l&#8217;altro. Nell&#8217;dell&#8217;ultima ora decennio sono stati creati innumerevoli framework le quali hanno protetto milioni sviluppatori (sia front-end le quali back-end) riconoscenza all&#8217;diffusione delle centro&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery vs VueJS: generazioni a competizione - Web Agency Italia Web Designer realizzazione siti web Italy<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery vs VueJS: generazioni a competizione - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Vestigia le quali il &#8220;vs&#8221; del soprannome indica un competizione simpatico tra poco ottimi prodotti, il cui traguardo \u00e8 quegli calcare a loro aspetti vantaggiosi ed i punti forti l&#8217;uno e l&#8217;altro. Nell&#8217;dell&#8217;ultima ora decennio sono stati creati innumerevoli framework le quali hanno protetto milioni sviluppatori (sia front-end le quali back-end) riconoscenza all&#8217;diffusione delle centro...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-19T06:52:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-19T06:52:31+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/\",\"name\":\"jQuery vs VueJS: generazioni a competizione - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2018-07-19T06:52:28+00:00\",\"dateModified\":\"2018-07-19T06:52:31+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery vs VueJS: generazioni a competizione\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery vs VueJS: generazioni a competizione - Web Agency Italia Web Designer realizzazione siti web Italy","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/","og_locale":"it_IT","og_type":"article","og_title":"jQuery vs VueJS: generazioni a competizione - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Vestigia le quali il &#8220;vs&#8221; del soprannome indica un competizione simpatico tra poco ottimi prodotti, il cui traguardo \u00e8 quegli calcare a loro aspetti vantaggiosi ed i punti forti l&#8217;uno e l&#8217;altro. Nell&#8217;dell&#8217;ultima ora decennio sono stati creati innumerevoli framework le quali hanno protetto milioni sviluppatori (sia front-end le quali back-end) riconoscenza all&#8217;diffusione delle centro...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2018-07-19T06:52:28+00:00","article_modified_time":"2018-07-19T06:52:31+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/","name":"jQuery vs VueJS: generazioni a competizione - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2018-07-19T06:52:28+00:00","dateModified":"2018-07-19T06:52:31+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/jquery-vs-vuejs-generazioni-a-confronto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"jQuery vs VueJS: generazioni a competizione"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23718"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=23718"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23718\/revisions"}],"predecessor-version":[{"id":23719,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23718\/revisions\/23719"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=23718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=23718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=23718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}