{"id":323,"date":"2020-11-18T11:15:07","date_gmt":"2020-11-18T14:15:07","guid":{"rendered":"http:\/\/treinamentolivre.com\/?p=323"},"modified":"2021-02-14T10:16:24","modified_gmt":"2021-02-14T13:16:24","slug":"copiando-codigo-javascript-de-terceiros","status":"publish","type":"post","link":"https:\/\/treinamentolivre.com\/?p=323","title":{"rendered":"Copiando c\u00f3digo JavaScript de terceiros."},"content":{"rendered":"\n<p><\/p>\n\n\n\n<p>Por ser uma linguagem interpretada e por rodar no cliente, o JavaScript permite \u201cbisbilhotar\u201d o c\u00f3digo dos outros. Mas n\u00e3o se sinta culpado por isso. Os programadores vivem copiando coisas e essa \u00e9 uma atividade salutar na linguagem. Alguns minificam as bibliotecas mas a maioria as deixa leg\u00edveis mesmo. Ao exibir o c\u00f3digo de uma p\u00e1gina, voc\u00ea ver\u00e1 um texto parecido com o exemplo abaixo:<\/p>\n\n\n\n<p><strong>&lt;script type=&#8221;text\/javascript&#8221; src=&#8221;\/\/service.maxymiser.net\/api\/us\/amil.com.br\/df1463\/mmapi.js&#8221;&gt;<\/strong><\/p>\n\n\n\n<p>Este comando anexa o arquivo [ nmapi.js ] \u00e0 p\u00e1gina atual do mesmo provedor.<\/p>\n\n\n\n<p>Ao acessar o endere\u00e7o, voc\u00ea pode achar uma s\u00e9rie de fun\u00e7\u00f5es, <a href=\"https:\/\/www.mundojs.com.br\/2018\/01\/10\/o-que-e-minificacao\/\" target=\"_blank\" rel=\"noreferrer noopener\">minificadas<\/a> ou n\u00e3o. Se voc\u00ea tiver que desminificar a biblioteca, poder\u00e1 usar um dos utilit\u00e1rios oferecidos online, gratuitamente:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a rel=\"noreferrer noopener\" href=\"https:\/\/beautifier.io\/\" target=\"_blank\">https:\/\/beautifier.io\/<\/a><\/li><li><a rel=\"noreferrer noopener\" href=\"https:\/\/unminify.com\/\" target=\"_blank\">https:\/\/unminify.com\/<\/a>  [ <span class=\"has-inline-color has-vivid-red-color\">veja coment\u00e1rio abaixo<\/span> ]<\/li><\/ul>\n\n\n\n<p>J\u00e1 para minificar o c\u00f3digo podemos usar o site do Dean Edwards:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/dean.edwards.name\/packer\/\">http:\/\/dean.edwards.name\/packer\/<\/a><\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>As p\u00e1ginas a seguir foram testadas no site <a href=\"https:\/\/beautifier.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">beautifier.io<\/a>:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"http:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-35-55-1024x640.png\" alt=\"\" class=\"wp-image-326\" srcset=\"https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-35-55-1024x640.png 1024w, https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-35-55-300x188.png 300w, https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-35-55-768x480.png 768w, https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-35-55.png 1280w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>C\u00f3digo Minificado<\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"http:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-36-48-1024x640.png\" alt=\"\" class=\"wp-image-327\" srcset=\"https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-36-48-1024x640.png 1024w, https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-36-48-300x188.png 300w, https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-36-48-768x480.png 768w, https:\/\/treinamentolivre.com\/wp-content\/uploads\/2020\/11\/Captura-de-tela_2020-11-18_11-36-48.png 1280w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption>C\u00f3digo deminificado. Observe que os nomes originais das vari\u00e1veis n\u00e3o podem, obviamente ser recuperados.<\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Voc\u00ea pode, por exemplo, usar uma fun\u00e7\u00e3o que est\u00e1 em outro site (outro dom\u00ednio, na verdade) para validar um cpf em sua pr\u00f3pria p\u00e1gina. Isso economiza um bocado de tempo de programa\u00e7\u00e3o. Mas \u00e9 aconselh\u00e1vel voc\u00ea copiar e analisar o c\u00f3digo antes de us\u00e1-lo em sua pr\u00f3pria aplica\u00e7\u00e3o. Procure por algum item que inviabilize seu uso, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>O c\u00f3digo tem copyright e n\u00e3o \u00e9 livre;<\/li><li>N\u00e3o h\u00e1 garantias de que aquele c\u00f3digo estar\u00e1 sempre l\u00e1;<\/li><li>As fun\u00e7\u00f5es executam instru\u00e7\u00f5es que podem vir a ser riscos de seguran\u00e7a.<\/li><\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Eu j\u00e1 vi p\u00e1ginas web que pararam de funcionar porque o programador simplesmente anexou c\u00f3digo de outro dom\u00ednio. Quando esse c\u00f3digo mudou de endere\u00e7o, um sistema importante perdeu a consist\u00eancia. Definitivamente, n\u00e3o fa\u00e7a isso, mesmo que voc\u00ea esteja sob grande press\u00e3o. Seu gerente tem a obriga\u00e7\u00e3o de aliviar esse stress.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Por ser uma linguagem interpretada e por rodar no cliente, o JavaScript permite \u201cbisbilhotar\u201d o c\u00f3digo dos outros. Mas n\u00e3o se sinta culpado por isso. Os programadores vivem copiando coisas e essa \u00e9 uma atividade salutar na linguagem. Alguns minificam as bibliotecas mas a maioria as deixa leg\u00edveis mesmo. Ao exibir o c\u00f3digo de uma &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/treinamentolivre.com\/?p=323\" class=\"more-link\">Continue lendo<span class=\"screen-reader-text\"> &#8220;Copiando c\u00f3digo JavaScript de terceiros.&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,7],"tags":[],"class_list":["post-323","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programacao"],"_links":{"self":[{"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=\/wp\/v2\/posts\/323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=323"}],"version-history":[{"count":8,"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=\/wp\/v2\/posts\/323\/revisions"}],"predecessor-version":[{"id":344,"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=\/wp\/v2\/posts\/323\/revisions\/344"}],"wp:attachment":[{"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=323"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=323"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/treinamentolivre.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}