Recursos de desenvolvimentoNovo

O documento padrão de fato da plataforma Web possui tradução completa para o chinês e a tabela de compatibilidade está prontamente disponível.

Guia do Google para práticas recomendadas e desempenho da web, a fonte oficial do Core Web Vitals.

Verifique quais navegadores suportam um determinado recurso CSS/JS. Esta é uma leitura obrigatória antes de escrever código compatível.

Dezenas de documentos de linguagem e estrutura são agregados em uma caixa de pesquisa off-line, tornando a troca extremamente rápida.

Em que estágio está a nova sintaxe do JavaScript, veja aqui em vez de ler rumores.

O texto padrão vivo do HTML, no qual se baseiam o comportamento do analisador e as tabelas de entidades.

Padronize o índice de cada módulo CSS para verificar a definição precisa e a sintaxe de valor dos atributos.

O texto original de HTTP, TLS, JSON, URI e outros protocolos. Para semântica HTTP, consulte RFC 9110.

Documentação da API trocada por versão, com cada método marcado com um nível de estabilidade.

O manual oficial cobre tudo, desde a ginástica de entrada até o tipo, e você pode experimentá-lo enquanto assiste no Playground.

A nova documentação reescrita em 2023 é centrada em Hooks, e a versão chinesa é altamente sincronizada.

A qualidade dos documentos oficiais chineses é a referência entre os documentos-quadro, incluindo tutoriais interativos.

A referência da biblioteca padrão está completa e a versão em chinês é continuamente traduzida pela comunidade.

O livro introdutório oficial ao Rust, o capítulo sobre propriedade explica isso de forma mais clara do que a maioria dos blogs.

Conceito One Go e exemplo executável por página, e você pode aprender o básico em meio dia.

Um arquivo de código bem comentado oferece uma visão geral rápida da sintaxe de uma linguagem.

Front-end/back-end/DevOps e outros roteiros de aprendizagem, sabendo o que aprender e em que ordem.

160 comandos + lista de opções + busca reversa por alvo + terminal de prática, tudo neste site.

149 comandos Git com níveis de perigo e diagramas e um terminal simulado para prática.

A semântica, os cenários, o processamento front-end e back-end e o uso indevido de cada código de status podem ser lidos em uma página.

Centro de registro de pacotes JavaScript, versão de visualização, downloads semanais e árvore de dependências.

Índice de pacotes Python, veja o histórico de lançamentos e versões suportadas do Python.

Java/Kotlin depende de consultas coordenadas para copiar trechos Gradle ou Maven diretamente.

Um repositório de pacotes Rust com documentação gerada automaticamente para cada caixa vinculada a docs.rs.

A imagem oficial possui a tag Docker Official Image, veja a lista de tags e Dockerfile.

Documentação e versão do módulo Go, o caminho de importação é o endereço.

Repositório de pacotes PHP Composer.

Repositório de gemas Ruby.

Repositório de pacotes .NET, consulte compatibilidade da estrutura de destino.

Verifique o nome do pacote brew e as dependências de um determinado software no macOS/Linux.

Quanto a instalação deste pacote npm aumentará o tamanho do pacote? Verifique antes de instalar.

Compare as curvas de tamanho de download de vários pacotes semelhantes. Ao selecionar, observe as tendências em vez das estrelas.

CDN grátis para arquivos npm e GitHub; referencie qualquer arquivo de um pacote por URL.

É muito conveniente acessar qualquer arquivo do pacote npm diretamente com URL e visualizar o código-fonte.

O conjunto frontal de três peças pode ser escrito e lido imediatamente, e os trabalhos comunitários são bons materiais para aprender efeitos de animação CSS.

O projeto front-end completo é executado online e pode ser importado para o armazém do GitHub para reproduzir bugs.

WebContainers permitem que projetos Node sejam executados no navegador e iniciem mais rápido que o CodeSandbox.

O violino front-end mais antigo, leve e sem necessidade de login.

Cloud IDE em dezenas de idiomas, adequado para ensino e pequenos experimentos.

Ajuste o tipo, visualize o produto compilado, altere as opções de compilação e compartilhe o link como código.

Compile e execute Rust online e você poderá visualizar o MIR e a montagem.

Vá para o sandbox oficial, a forma padrão de postar código copiado em Issues.

Compare C/C++/Rust e outros códigos-fonte com linha de montagem por linha para ver o que o compilador fez.

Execute SQL no navegador e suporte à importação de CSV. Você não precisa instalar um banco de dados para praticar SQL.

Crie tabelas e adicione consultas em MySQL/PostgreSQL/SQLite, e compartilhe links para reproduzir problemas SQL.

Sandbox oficial do componente de arquivo único do Vue, você pode ver a saída da compilação.

Sandbox oficial Svelte, tutoriais e exemplos estão todos nele.

Veja como a nova sintaxe é compilada no ES5.

Explicação regular e depuração passo a passo, suportando vários dialetos de mecanismo.

JupyterLab (baseado em WebAssembly) no navegador, nenhuma instalação necessária para tentar a análise de dados Python.

As ações são enfileiradas e o push falha. Por favor, leia aqui primeiro. Você pode assinar RSS.

Pelo status listado pelos data centers, é o primeiro a ficar amarelo quando metade da Internet cai.

Quando o npm install expirar, primeiro confirme se não é uma falha do centro de registro.

Status do serviço AWS em cada região, eventos históricos podem ser rastreados.

Verifique quando a implantação travar e a função de borda relatar um erro.

Quando a API 429/5xx atingir picos, confirme se é um problema do lado da plataforma.

Baseando-se nos relatórios dos usuários para determinar se os serviços principais estão inativos, a resposta é mais rápida do que a página oficial de status.

O estado de saúde e eventos históricos dos produtos Alibaba Cloud em várias regiões.

Gadget neste site: Envie solicitações para um lote de endereços e verifique os códigos de status e o tempo necessário para verificar se há algum problema com sua própria rede.

Formatação, compactação, verificação, remoção de escape e relatórios de erros precisos para linha e coluna.

Conversão de seis vias JSON/YAML/XML/CSV.

Destaque de correspondência, grupos de captura, visualizações de substituição e verificações rápidas usadas com frequência.

O cabeçalho/carga útil é decodificado localmente, o tempo de expiração é exibido de maneira amigável e o token não sai do navegador.

Texto e arquivo bidirecionais, com suporte para variantes seguras de URL.

Série MD5 / SHA / HMAC, verificação de arquivo também está disponível.

Carimbo de data e hora Unix e conversão de data, vários fusos horários.

Traduza para chinês e visualize os próximos 10 tempos de execução.

Edição tabular de parâmetros de codificação, decodificação e consulta.

Conversão HEX/RGB/HSL, níveis de cores e verificação de contraste.

Formatação JS/CSS/HTML/SQL.

Entidades HTML, strings JSON, escape Unicode e interconversão.

O CIDR conta intervalos de rede, transmissão e host, dividindo sub-redes conforme necessário.

Verifique as permissões para obter 755/644 e escrita de símbolos.

Transforme uma execução do docker em compose.yaml.

Uma lista de depuradores JWT e várias bibliotecas de linguagens mantidas pelo Auth0; é recomendado usar a versão offline deste site para decodificar tokens confidenciais.

Expressão Cron Intérprete de inglês com exemplos ricos.

Cole um comando shell complexo e explique cada parâmetro consultando a página de manual.

A inspeção estática do script Shell pode detectar as armadilhas clássicas das aspas e da expansão de variáveis.

Transforme trechos de código em belas imagens para uso nas redes sociais.

A ferramenta de captura de código produzida pela Raycast tem um estilo mais moderno.

Diagrama de arquitetura de desenho de quadro branco estilo desenhado à mão, armazenamento local, pode ser exportado para SVG / PNG.

Use texto para escrever fluxogramas/diagramas de sequência/diagramas de classes, e eles também podem ser renderizados em Markdown.

Tipo JSON para TS, SVG para JSX, CSS para Tailwind e outras dezenas de conversões.

Gere definições de tipo em vários idiomas a partir de amostras JSON.

Compressão de imagens no navegador do Google, comparação formato por formato; a compactação de imagens neste site pode ser feita em lotes.

Verifique em lote os códigos de status e as cadeias de redirecionamento de um conjunto de URLs.

A comunidade Feather continua, com mais de 1.500 ícones lineares e pacotes React/Vue completos (este site os utiliza).

Produzidos pela equipe Tailwind, são dois conjuntos sólidos/lineares, com estilo clean.

Mais de 5.000 ícones, um dos mais extensos conjuntos de ícones lineares gratuitos.

Pesquise uma palavra em dezenas de conjuntos de ícones com o pesquisador de ícones baseado no Iconify.

Mais de 3.000 SVGs de logotipos e cores de marcas, essenciais para criar ícones de "método de login".

A fonte de ícone mais antiga, versão gratuita 2000+, Pro paga.

Biblioteca de fontes de código aberto gratuita; para mais estabilidade, auto-hospede com o Fontsource.

Torne o Google Fonts um pacote npm auto-hospedado sem depender de um CDN de terceiros.

Uma imagem do Google Fonts com privacidade, compatível com API, basta alterar o nome de domínio.

Use a barra de espaço para gerar cores aleatoriamente, bloqueie a cor desejada e depois pinte.

Aplique a correspondência de cores diretamente em uma página de amostra para ver o efeito e evitar uma aparência ruim no papel.

Insira um valor de cor para gerar uma escala de cores de 50 a 950 no estilo Tailwind.

Um sistema de escala de cores de 12 níveis projetado para acessibilidade, com modos claro e escuro em pares.

Se o contraste de primeiro plano/fundo atinge WCAG AA/AAA.

Gerador de crachás em README, versão, downloads, status do CI.

Este site: Gere um conjunto completo de favicons e ícones de manifesto a partir de uma imagem.

O cliente API mais completo, ótimo para colaboração em equipe, mas cada vez mais pesado e requer login.

Código aberto, um substituto do Postman que pode ser usado diretamente no navegador, rápido e sem necessidade de login.

Sendo um cliente API de código aberto offline, a coleção é salva como um arquivo de texto e pode ser inserida no Git.

Produzido pela Kong, possui bom suporte para GraphQL e gRPC.

Solicitar serviço de eco: teste a aparência do cabeçalho e do corpo enviados pelo seu cliente.

API REST falsa (postagens, usuários, comentários), usada como back-end ao escrever uma demonstração de front-end.

Fornece uma URL temporária para receber qualquer solicitação e exibi-la em tempo real, depurando o artefato de retorno de chamada.

Exponha a porta local como um endereço HTTPS público, necessário para depuração local de retornos de chamada WeChat/pagamento.

Penetração gratuita na intranet, com seu próprio nome de domínio, menos restrições do que a versão gratuita do ngrok.

Simule o servidor na área de trabalho e crie uma interface falsa para depuração conjunta de front-end em alguns minutos.

Intercepte solicitações e faça mocks no navegador/Node. Teste e desenvolvimento compartilham o mesmo manipulador.

Escreva documentação OpenAPI e visualize e gere código de cliente em tempo real.

Envie solicitações HTTP online e gere códigos em vários idiomas sem instalar um cliente.

Plataforma integrada de API (design, depuração, mock, documentação); o plano gratuito de equipe é suficiente.

O centro do mundo do código aberto; a maioria dos projetos, issues e Actions estão aqui.

Vem com um conjunto completo de CI/CD e DevOps e pode ser auto-hospedado.

Um serviço Git auto-hospedado que pode ser executado com apenas um arquivo binário e é leve o suficiente para caber em um Raspberry Pi.

Insira o nome do idioma/estrutura/editor e gere o .gitignore mesclado.

Como escolher uma licença de código aberto? Uma tabela de uma página explica as diferenças entre MIT/Apache/GPL.

feat: /fix: /chore: A descrição oficial das especificações da mensagem de commit.

A especificação semântica do número da versão versão chinesa, o comportamento de ^ e ~ prevalecerá.

Convenção sobre como escrever CHANGELOG.

Abra o PR, leia os problemas e execute ações no terminal sem precisar mudar para o navegador.

Páginas de manual e versão chinesa do Pro Git, a explicação definitiva de qualquer comando.

Pesquise diretamente informações de erro. A maioria das perguntas foi respondida há dez anos.

Uma plataforma de blog para desenvolvedores em inglês com uma atmosfera amigável.

Nas manchetes diárias do círculo técnico, a seção de comentários costuma ser mais informativa do que o texto principal.

Cursos e certificações de programação totalmente gratuitos, completos em chinês.

Exercícios gratuitos em mais de 70 idiomas com comentários de tutores humanos.

Resolva "kata" para aumentar sua classificação e obter insights observando as melhores soluções de outras pessoas.

Fornece o rascunho do design para implementar e praticar o front-end em estilo de projeto real.

Centenas de pequenos trechos de código JS/CSS/Python, copie e use.

Os padrões de design são ilustrados com ilustrações ricas e exemplos em vários idiomas, e uma versão em chinês está disponível.

Uma coleção de padrões de design/renderização/desempenho para aplicações web modernas.

A comunidade temática de programadores também tem muitas discussões sobre o local de trabalho e hardware fora da tecnologia.

Site de tutorial introdutório chinês, a verificação rápida da gramática é suficiente, mas em profundidade você precisa ler a documentação oficial.

Semanalmente tecnologia semanal e tutoriais ES6/Bash, um modelo para redação técnica chinesa.

Execute o Lighthouse e forneça dados do Core Web Vitals de usuários reais.

Selecione a região, o dispositivo e as condições de rede para carregar o gráfico em cascata, que está mais próximo da realidade do que o Lighthouse.

Pontue a configuração TLS do seu site para identificar conjuntos de criptografia fracos e problemas na cadeia de certificados.

Verifique os cabeçalhos de resposta de segurança, como CSP, HSTS, X-Frame-Options, etc.

Pontuação de segurança do site da Mozilla, com recomendações de correção.

Cole a política CSP para indicar quais diretivas são inúteis.

Embale uma seção de importação online e verifique o tamanho compactado, que é mais flexível que o Bundlephobia.

Como ler o painel Performance e o snapshot da memória, o tutorial oficial é o mais sistemático.

Qual CSS pode ser utilizado em emails HTML, suportados por cada cliente.

A resolução de DNS resulta de muitos lugares ao redor do mundo. Altere os registros para ver onde eles estão espalhados.

Os dez principais riscos da segurança na web, o ponto de partida para o autoexame de segurança.

Este site: navegador nativo, tela, WebGL e mais de 30 testes de habilidade, relatório de cópia com um clique para teste.