Pular para o conteúdo principal

Postagens

Incluindo jQuery em projeto Vue webpack

Olá Existem muitos plugins feitos em jQuery que ainda não tem uma versão em Vue JS. É claro você pode optar por criar o seu próprio, converter a estrututra de jQuery para Vue JS ou utilizar algo compatível feito por alguém da comunidade Vue. Mas em alguns casos não há tempo necessário para tomar alguma das decisões acima, pois o plugin é muito robusto ou coisa similar. Então partimos para a união dos dois :) Vue + jQuery Após criar seu projeto Vue JS você deve navegar até a pasta do projeto e instalar o jQuery como seguinte comando: npm install jquery --save Feito a etapa acima, você deve editar o arquivo main.js dentro da pasta src adicionado instruções de uso do jQuery. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 import Vue from 'vue' import App from './App' import router from './router' import jQuery from 'jquery' ; global.jQuery = jQuery; global.$ = jQuery; Vue.config.productionTip = false /* eslint-disable no-new...

Aumento performance consulta Entity Framework 6

Olá Segue uma dica para aumentar a velocidade de consulta com uso de Entity Framework. _context.Configuration.AutoDetectChangesEnabled = false ; _context.Configuration.EnsureTransactionsForFunctionsAndCommands = false ; _context.Configuration.LazyLoadingEnabled = false ; _context.Configuration.ProxyCreationEnabled = false ; _context.Configuration.UseDatabaseNullSemantics = false ; _context.Configuration.ValidateOnSaveEnabled = false ; No exemplo acima você teria a instancia de seu DbContext na variável _context e alteraria algumas propriedades antes de realizar a consulta para remover a execução de algumas tarefas que talvez no momento da consulta não são interessantes. Fica dica. Até a próxima.

Dica: Extensão Indentar código VUE Visual Studio Code

Olá Por muitas é necessário um atalho para formatar o seu código fonte no editor de texto. Para formatação de HTML, CSS, JS e afins no visual studio code você pode utilizar o: HTML Snippets Mas esta extensão acima não formata arquivos de template .vue . Para formatar este tipo de arquivos é necessário instalar alguma outra extensão. Entre as que busquei a que faz o serviço da melhor forma atualmente utilizando o atalho alt+shift+f   é o plugin ventur: Vetur Este plugin é muito bom mesmo. Facilitou bastante a formatação de fontes em templates .vue. É isso espero que ajude;)

Resolvendo erro The 'Microsoft.Visualstudio.Editor.Implementation.EditorPackage' no VS 2013

Olá Hoje ao ligar a máquina e iniciar os trabalhos com visual studio 2013 o seguinte erro ocorreu: Caso isto também ocorra com você uma forma de solucionar e indo até o diretório: VS2013 % LocalAppData % \Microsoft\VisualStudio\1 2.0 \ VS2015 % LocalAppData % \Microsoft\VisualStudio\1 4.0 \ E renomear a pasta  ComponentModelCac‌​he para  ComponentModelCac‌​heOld ou remover o conteúdo de dentro deste diretório. Em muitos casos into ocorre quando algum addon instalado no seu Visual Studio causa erro ou algum conflito. Caso você descubra qual ultimo addon instalado seria interessante remove-lo de seu Visual Studio para que isto não volte a ocorrer.

Vue JS 2 - Editor de texto e snippets

Desde inicio do ano venho estudando e experimentando Vue JS. Já havia feito aplicações em angular antes mas resolvi verificar este Framework com tamanho pequeno e uso de virtual dom. Destes experimentos o melhor de todos foi a possibilidade de substituição de código jquery complexo por componentes em Vue. E isto foi possível mesmo em aplicações de código legado sem o uso de node com webpack, fazendo uso do Vue e Vuex com script em ES5. Para auxilio na construção das soluções tenho utilizado o visual studio code, quem ainda não utiliza fica o link para download deste ótimo editor. Visual Studio Code Dentro do visual studio code você pode utilizar code snippets como plugins para auxilio na geração de código. O code snippet que mais gostei foi: Vue 2 Snippets Espero que gostem. Se vocês utilizam outro editor e tiverem um bom intelisense ou coleção de snippets deixem um comentário :)

Problema: Form submission canceled because the form is not connected

Em alguns casos é necessário criar um form invisível com javascript e dar submit para realizar alguma requisição em especifico. Mas, em versões recentes do navegador Google Chrome tornou-se impossível criar um formulário com jQuery e dar submit dentro do site sem adicionar ele ao DOM do documento. Caso você tente isto, irá receber um aviso no console dizendo "Form submission canceled because the form is not connected" e sua página não ira completar a operação. Para contornar  este problema basta você após criar o form adicioná-lo ao corpo de página fazendo  append ao corpo do documento: var form = $ ( '<form action="' + url + '" method="POST" target="_blank" >' + '<input type="hidden" name="param1 " value="' + param1 + '" />' + '<input type="hidden" name="param2 " value="' + ...

Angular JS: Executando comando após documento carregado

Olá. Hoje trago uma breve dica de como executar alguma instrução javascript após o documento/página estar carregado no browser. Quando você tem um cenário onde está trabalhando com uma unica página ou no escopo root de sua aplicação você pode utilizar  angular.element(document).ready como no exemplo a seguir: ( function () { 'use strict' ; angular .module( 'Module' ) .controller( 'ControllerController' , ControllerController); function ControllerController() { var vm = this ; angular.element( document ).ready( function () { activate(); }); function activate() { console.log( "activate" ); } } })(); Caso você tenha um cenário com rotas, será necessário que o conteúdo seja renderizado por ng-view para posteriormente rodar seu código. Neste caso  angular.element(document).ready não deverá funcionar. Sendo assim necessário uso alguma outra ...