PhoneGap: Desenvolvimento de Aplicativos Móveis com Tecnologias Web
O PhoneGap é uma estrutura de desenvolvimento de código aberto que permite criar aplicativos móveis utilizando tecnologias da web como HTML, CSS e JavaScript. Os aplicativos desenvolvidos podem ser compilados e executados em diversas plataformas, oferecendo uma aparência nativa.
Características e Limitações
Vantagens:
Multiplataforma: Permite ...
Publicado em 7-20 20:03
Monitoramento de Redimensionamento de Página para Atualização de Layout em Vue
Ajuste Global de Tipografia Responsiva
Para adaptar elementos à mudança de dimensões da janela, adicione um listener de redimensionamento global no ponto de entrada da aplicação:
function ajustarEscala() {
const baseFonte = 50;
const larguraBase = 375;
const larguraAtual = document.body.getBoundingClientRect().width;
if (window.locat ...
Publicado em 7-20 17:43
Implementando Resultados Personalizados em Struts 2 para Atualizações Parciais de Página
Em aplicações web modernas, é comum a necessidade de atualizar partes específicas de uma página sem recarregar completamente o conteúdo. Um cenário típico é a validação em tempo real de campos de formulário, como a verificação da disponibilidade de um nome de usuário. Este artigo explora como implementar essa funcionalidade em aplicações Struts ...
Publicado em 7-20 16:30
Desenvolvimento de Miniaplicativo WeChat: Um Cliente de Música
A criação de um miniaplicativo (miniprogram) WeChat que replique as funcionalidades de um serviço de música requer acesso a uma API de dados confiável. Embora APIs públicas completas sejam raras para muitos serviços, uma API não oficial para o Netease Cloud Music está disponível e pode ser utilizada como backend para este projeto.
Configuração ...
Publicado em 7-20 11:28
Técnicas de Comunicação Cross-Origin: JSONP, Proxy e CORS
Entendendo o Conceito de Cross-Origin
No desenvolvimento web, a segurança do navegador é regida pela Política de Mesma Origem (Same-Origin Policy - SOP). Uma "origem" é definida pela combinação de quatro elementos fundamentais de uma URL:
Protocolo: (ex: http, https)
Subdomínio: (ex: www, api)
Domínio Principal: (ex: site.com)
Porta: ...
Publicado em 7-20 11:07
Layout responsivo com menu lateral deslizante para mobile e desktop
Marcação HTML
Use elementos semânticos e um botão flutuante para abrir o menu em telas pequenas:
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
<title>Layout Responsivo</tit ...
Publicado em 7-20 04:12
Métodos de Manipulação de Arrays em JavaScript (ES3)
push(): Adiciona um ou mais elementos ao final do array e retorna o novo comprimento do array modificado.
pop(): Remove o último elemento do array, decrementa a propriedade length e retorna o elemento removido.
Operações de Fila (FIFO - Primeiro a Entrar, Primeiro a Sair)
O conceito de fila envolve adicionar elementos no final do array e removê ...
Publicado em 7-19 15:04
Guia de Integração do Typesense com InstantSearch.js: Construindo Interfaces de Busca Avançadas
Este guia detalha como utilizar o Typesense InstantSearch Adapter para desenvolver interfaces de busca ricas e dinâmicas, combinando o poder do servidor de busca Typesense com a flexibilidade da biblioteca InstantSearch.js. O adaptador facilita a integração, permitindo que desenvolvedores criem experiências de busca eficientes em aplicações web ...
Publicado em 7-19 10:46
Importação de Dados de Excel com Vue.js 2
Para implementar a importação de arquivos Excel em uma aplicação Vue.js 2, é necessário uitlizar a biblioteca xlsx. A seguir, apresenta-se uma abordagem completa para o frontend e backend.
1. Configuração do Frontend
Primeiramente, instale a dependência no projeto:
npm install xlsx
No componente Vue, utilize um componnete de upload para seleci ...
Publicado em 7-19 08:39
Encapsulando o Axios para Requisições HTTP em Aplicações Web
Vamos criar um arquivo de configuração para gerenciar as requisições HTTP, interceptadores de requisição e resposta.
Arquivo de Configuração: apiService.js
import axios from 'axios'
import router from '../router/index'
import { Notification, ConfirmDialog } from 'ant-design-vue'
import AppUtils from '../utils/helpers'
const servidorBase = 'ht ...
Publicado em 7-19 03:45