{"id":23760,"date":"2018-08-09T09:22:31","date_gmt":"2018-08-09T07:22:31","guid":{"rendered":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/"},"modified":"2018-08-09T09:22:33","modified_gmt":"2018-08-09T07:22:33","slug":"dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/","title":{"rendered":"DOMmy.js: scaffale Javascript standalone come adoperarsi  il DOM"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div id=\"\">\n<p>Sviluppando DOMmy.js ho artificioso porre durante supremo previsione la  dello script (la adattamento pasticca pesa  eccetto su 4kb), la sollecitudine su uccisione (forma) e la gobba d&#8217;. DOMmy.js , nelle sue sintassi e nomenclature fondamentali, risulta individuo copiosamente comparabile ad altri framework Javascript in che modo jQuery e MooTools. A disuguaglianza su questi ultimi fornisce  esclusivamente le seguenti comodit\u00e0:<\/p>\n<ul>\n<li>la cabotaggio nel DOM della voltare pagina;<\/li>\n<li>la creato su potenti animazioni sfruttando il causa su CSS3 di traverso il Javascript;<\/li>\n<li>la  su  e su collezioni su ;<\/li>\n<li>l&#8217;continuazione su singoli  numerosi eventi, correttezza CSS, attributi HTML e dati storage agli   alle collezioni su ;<\/li>\n<li>una armatura <em>this<\/em> omogeneo;<\/li>\n<li>un avvenimento DOMReady come adoperarsi  la voltare pagina privo di dover  il caricamento su risorse quali immagini  .<\/li>\n<\/ul>\n<p>DOMmy.js vuole individuo un idea Javascript rivolto alla  ed ai nuovi tenore.  questo occasione risulta individuo  cross-browser e compatibile  le versioni sommato recenti dei antenati browser, tuttavia  ci\u00f2 \u00e8 parimenti assolutamente  le versioni datate quale  supportano comodit\u00e0 oramai tenore in che modo le nuove correttezza\/gioielli CSS, in che modo le animazioni, ed altri controlli Javascript.<\/p>\n<p>Vediamo  snippet su regole quale ci mostrano  possiamo nominare  DOMmy.js:<\/p>\n<p> su correttezza CSS: <strong>DomReady<\/strong><\/p>\n<pre class=\"brush:plain\">$$$( function()  );<\/pre>\n<pre class=\"brush:plain\">$('myel').css('display', 'block');&#13;\n&#13;\n$('myel').css();<\/pre>\n<p>Setting e getting su attributi HTML:<\/p>\n<pre class=\"brush:plain\">$('myel').html('new content');&#13;\n&#13;\nvar title = $('myel').attr('title');&#13;\n&#13;\n$('myel').attr('title', 'my title');&#13;\n&#13;\n$('myel').attr();&#13;\n<\/pre>\n<p>Selezioni su un dato e su una  su :<\/p>\n<pre class=\"brush:plain\">$('myel');&#13;\n&#13;\n$$('#myid div.myclass p');&#13;\n<\/pre>\n<p>Soprassello su eventi DOM:<\/p>\n<pre class=\"brush:plain\">$('myel').('click', function() );&#13;\n&#13;\n$$('#myel p').();<\/pre>\n<p><strong>Animazioni CSS3<\/strong> (il causa su DOMmy.js durante resoconto alle animazioni  sfrutta un engine nazionale, tuttavia trafila apposite strutture Javascript va a abusare le animazioni offerte dalla specifica CSS3: con tutto che ci\u00f2 quale ella supporta, DOMmy.js ci\u00f2 pu\u00f2 agire):<\/p>\n<pre class=\"brush:plain\">$('myel').fx(, 2000, callBack);<\/pre>\n<p>Chaining su chiamate DOM:<\/p>\n<pre class=\"brush:plain\">$$('#e, #d')&#13;\n    .fx(, 1)&#13;\n    .fx(, 1)&#13;\n    .attr('title', 'thed')&#13;\n    .attr('class', 'thed')&#13;\n    .attr();<\/pre>\n<p> &#8220;impiantare&#8221; DOMmy.js basta introdurre ci\u00f2 script trafila CDN, ovvero scaricarlo  dalla voltare pagina del situato:<\/p>\n<pre class=\"brush:plain\">&lt;script src=\"http:\/\/www.riccardodegni.com\/projects\/dommy\/dommy-min.js\"&gt;&lt;\/script&gt;&#13;\n&lt;script&gt;&#13;\n    \/\/ usa dommy.js&#13;\n    $$$(function() );&#13;\n&lt;\/script&gt;<\/pre>\n<p>La scaffale \u00e8  sia durante adattamento pasticca quale durante adattamento  pasticca. Regolarmente nel situato del idea, \u00e8 effettuabile  delle demo quale mostrano esempi sommato avanzati su  della scaffale, in che modo ad norma le chiamate durante queue delle animazioni (fx), l&#8217;continuazione su determinati callback ed il chaining su metodi.  sistema applicabile  DOMmy.js \u00e8  specificamente incatenabile  tutti a esse altri metodi.<\/p>\n<p> un frutto su hovering, procederemo ad norma nel consecutivo possibilit\u00e0:<\/p>\n<pre class=\"brush:plain\">$$$(function() );<\/pre>\n<p>Quello costume su DOMmy.js permette su poter stendere una contingente su regole oltremodo minima come ricavare  paragonabili a quelli generalmente prodotti  framework full-featured.<\/p>\n<p>Tragitto <a href=\"http:\/\/www.riccardodegni.com\/dommy\" target=\"_blank\" rel=\"nofollow\">DOMmy.js<\/a><\/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\/08\/08\/2018\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/'),'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%2F08%2F08%2F2018%2Fdommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom%2F&via=html_it&text=DOMmy.js%3A%20libreria%20Javascript%20standalone%20per%20lavorare%20con%20il%20DOM','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\/8X4voyXqArw\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sviluppando DOMmy.js ho artificioso porre durante supremo previsione la dello script (la adattamento pasticca pesa eccetto su 4kb), la sollecitudine su uccisione (forma) e la gobba d&#8217;. DOMmy.js , nelle sue sintassi e nomenclature fondamentali, risulta individuo copiosamente comparabile ad altri framework Javascript in che modo jQuery e MooTools. A disuguaglianza su questi ultimi fornisce&#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>DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM - 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\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Sviluppando DOMmy.js ho artificioso porre durante supremo previsione la dello script (la adattamento pasticca pesa eccetto su 4kb), la sollecitudine su uccisione (forma) e la gobba d&#8217;. DOMmy.js , nelle sue sintassi e nomenclature fondamentali, risulta individuo copiosamente comparabile ad altri framework Javascript in che modo jQuery e MooTools. A disuguaglianza su questi ultimi fornisce...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-09T07:22:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-09T07:22:33+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=\"2 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\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/\",\"name\":\"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2018-08-09T07:22:31+00:00\",\"dateModified\":\"2018-08-09T07:22:33+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM\"}]},{\"@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":"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM - 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\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/","og_locale":"it_IT","og_type":"article","og_title":"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Sviluppando DOMmy.js ho artificioso porre durante supremo previsione la dello script (la adattamento pasticca pesa eccetto su 4kb), la sollecitudine su uccisione (forma) e la gobba d&#8217;. DOMmy.js , nelle sue sintassi e nomenclature fondamentali, risulta individuo copiosamente comparabile ad altri framework Javascript in che modo jQuery e MooTools. A disuguaglianza su questi ultimi fornisce...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2018-08-09T07:22:31+00:00","article_modified_time":"2018-08-09T07:22:33+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/","name":"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2018-08-09T07:22:31+00:00","dateModified":"2018-08-09T07:22:33+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/dommy-js-libreria-javascript-standalone-per-lavorare-con-il-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"DOMmy.js: scaffale Javascript standalone come adoperarsi il DOM"}]},{"@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\/23760"}],"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=23760"}],"version-history":[{"count":1,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23760\/revisions"}],"predecessor-version":[{"id":23761,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/23760\/revisions\/23761"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=23760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=23760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=23760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}