Condivisione della tecnologia

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Lo sviluppo front-end web, come componente importante della tecnologia front-end, ha sempre occupato una posizione importante. Esistono numerosi professionisti dello sviluppo front-end nell'intero settore IT con lo sviluppo di Internet mobile, big data e intelligenza artificiale, anche l'attuale sistema di conoscenza front-end è gradualmente ricco.

Gli amici che hanno familiarità con il lavoro front-end Web sanno che esistono molte tecnologie nel Web Se vuoi diventare un ingegnere front-end Web qualificato, devi padroneggiare le tecnologie una per una, come Html, CSS, Ajax, ecc. jquery, extjs e JavaScript.

Tecnologia di base

1、HTML

Padroneggiare l'HTML è il nucleo delle pagine web, un linguaggio standard per creare pagine del World Wide Web, un linguaggio utilizzato dai browser del World Wide Web, ed elimina le barriere allo scambio di informazioni tra diversi computer. Pertanto, è attualmente la lingua più utilizzata su Internet e la lingua principale che forma i documenti web. Imparare bene l'HTML è una condizione fondamentale per diventare uno sviluppatore Web front-end.

HTML è un linguaggio di markup che implementa pagine Web e le visualizza nei browser. Essendo l'ultima versione di HTML, HTML5 introduce una serie di nuove tecnologie, migliorando notevolmente il suo supporto per le applicazioni, rendendo la tecnologia Web non più limitata al rendering dei contenuti web.

Con lo sviluppo di CSS, JavaScript, Flash e altre tecnologie, le capacità di elaborazione del Web per le applicazioni sono gradualmente aumentate e l'esperienza degli utenti nella navigazione sul Web è stata notevolmente migliorata. Tuttavia, diverse nuove tecnologie in HTML5 hanno raggiunto progressi qualitativi, rendendo per la prima volta la tecnologia Web considerata vicina alla tecnologia delle applicazioni native locali e lo sviluppo di applicazioni Web è diventato davvero una scelta per gli sviluppatori.

HTML5 può semplificare notevolmente il lavoro degli sviluppatori. In teoria, un singolo sviluppo può essere eseguito su diverse piattaforme con l'aiuto di browser, riducendo i costi di sviluppo. Questo è generalmente considerato dall'industria uno dei principali vantaggi della tecnologia HTML5. AppMobi, Motorola, Sencha, Appcelerator e altre società hanno lanciato strumenti di sviluppo relativamente maturi per supportare lo sviluppo di applicazioni HTML5.

2、CSS

Imparare bene i CSS è un punto importante nell'aspetto delle pagine web può aiutare a rendere più bello l'aspetto delle pagine web.

3、JavaScript

Imparare la sintassi di base di JavaScript e come programmare con JavaScript migliorerà le tue abilità personali come sviluppatore.

JavaScript è un linguaggio di programmazione interpretato leggero progettato per la creazione di applicazioni incentrate sul web. JavaScript è molto facile da implementare perché è integrato con HTML; è aperto e multipiattaforma.

Il ruolo di JavaScript:

• 1) Rendere interattive le pagine web, ad esempio rispondendo ai clic degli utenti e fornendo agli utenti un'esperienza migliore.

• 2) Può elaborare moduli, verificare l'input dell'utente e fornire feedback tempestivo per risparmiare tempo agli utenti. Ad esempio, se il modulo ti chiede di inserire il tuo indirizzo email ma inserisci un numero di cellulare, dovresti ricevere un promemoria.

• 3). Le pagine possono anche essere create dinamicamente in base alle operazioni dell'utente. Ad esempio, quando invii un'e-mail, aggiungi un allegato.

• 4) Impostazione dei cookie. I cookie sono informazioni temporanee memorizzate nel browser, come l'indirizzo del sito web che hai visitato e il nome utente che hai utilizzato.

• 5) JavaScript semplifica i paragrafi HTML ripetuti regolarmente e riduce i tempi di download.

• 6), browser eserverEffettuare la comunicazione dati, come la più popolare trasmissione asincrona Ajax;

• 7) Interfaccia più ricca, puoi utilizzare JavaScript per includere elementi come componenti drag-and-drop e dispositivi di scorrimento per fornire un'interfaccia ricca ai visitatori del tuo sito.

4. jQuery

jQuery è un altro eccellente framework Javascript dopo il prototipo. jQuery è una libreria Javascript veloce e concisa che consente agli utenti di elaborare più facilmente documenti ed eventi HTML, ottenere effetti di animazione e fornire facilmente l'interazione AJAX per i siti Web.

5、PHP

PHP, un'abbreviazione nidificata, è l'abbreviazione di English Hypertext Preprocessing Language (PHP: Hypertext Preprocessor). PHP è un linguaggio incorporato in HTML.

6. AJAX

AJAX sta per "Asynchronous Java and XML" e si riferisce a una tecnologia di sviluppo web per la creazione di applicazioni web interattive. La pronuncia comune in Cina è "Ajax", che è la stessa della pronuncia della squadra di calcio dell'Ajax.

Ajax è una tecnologia utilizzata per creare pagine web veloci e dinamiche. Scambiando una piccola quantità di dati con il server in background, Ajax può aggiornare parti della pagina web senza ricaricare l'intera pagina web.

7. API

L'API (Application Programming Interface) è un insieme di funzioni predefinite che forniscono alle applicazioni e agli sviluppatori la possibilità di accedere a una serie di routine basate su determinati software o hardware senza dover accedere al codice sorgente o comprendere i dettagli interni del meccanismo di funzionamento.

8、ASP

ASP è l'abbreviazione di Active Server Page, che significa "pagina del server dinamico". ASP è un'applicazione sviluppata da Microsoft per sostituire i programmi di script CGI. Può interagire con database e altri programmi ed è uno strumento di programmazione semplice e conveniente. Il formato dei file delle pagine Web ASP è. asp, ora comunemente utilizzato in vari siti Web dinamici.

9. Kit di strumenti Web di Google

Google Web Toolkit (in breve GWT) è un kit di sviluppo di applicazioni Ajax lanciato da Google che supporta gli sviluppatori nello sviluppo di applicazioni Ajax utilizzando il linguaggio Java.

10. Sistema operativo

Comprendere le basi di Unix e Linux è vantaggioso per gli sviluppatori.

11. Server di rete

Comprendere il server web, inclusa la configurazione di base di Apache, padroneggiare le competenze di configurazione di htaccess, ecc.

quadro front-end

Dopo aver acquisito familiarità con HTML, linguaggi di scripting lato server, CSS e JavaScript, l'apprendimento dei framework Web può accelerare lo sviluppo Web e risparmiare tempo. I framework opzionali per i programmatori PHP includono CakePHP, CodeIgniter, Zend, ecc. Ai programmatori Python piace usare Django e webpy, mentre i programmatori Ruby usano spesso RoR.

Man mano che il Web diventa sempre più standardizzato e standardizzato, la tecnologia di componentizzazione Web continua a innovarsi e lo sviluppo di terminali mobili continua a sublimarsi. Di seguito sono riportati alcuni framework front-end open source comuni:

• Stivaletto

Uno dei framework più diffusi, Bootstrap è basato su HTML, CSS e JavaScript. È semplice e flessibile, rendendo lo sviluppo Web più veloce.

testo standard html5

Questo framework può creare rapidamente app Web o siti Web robusti e adattabili.

• Meteora

Meteor è una nuova generazione di framework open source per lo sviluppo di applicazioni web in tempo reale, che può completare lo sviluppo in tempi più brevi.

• Interfaccia utente semantica

Framework dei componenti dell'interfaccia utente basato su principi efficaci del linguaggio naturale

• Fondazione

Eccellente framework front-end reattivo

• Materializzarsi

Un moderno framework front-end reattivo basato sul material design. Possono essere forniti stili predefiniti e componenti personalizzati. Inoltre, Materialise migliora le animazioni e le transizioni per fornire agli sviluppatori un'esperienza fluida.

• Puro

Una serie di moduli CSS piccoli e reattivi che possono essere utilizzati in quasi tutti i progetti web.

• Vista

Vue.js è una libreria per la creazione di interfacce web interattive. Fornisce l'associazione dati MVVM e un sistema di componenti componibili con un'API semplice e flessibile.

• Angolare

AngularJS è stato creato nel 2009 da Misko Hevery e altri e successivamente è stato acquisito da Google. È un eccellente framework JS front-end utilizzato in molti prodotti. Non è solo un framework di sviluppo front-end con concetti avanzati, ma anche una soluzione end-to-end. Segue il modello MVC nella progettazione architetturale e sostiene l'accoppiamento libero di dati e componenti di elaborazione logica. AngularJS realizza la naturale estensione dell'HTML attraverso la tecnologia delle istruzioni e realizza la sincronizzazione automatica bidirezionale del modello di dati e della visualizzazione del display attraverso la tecnologia di compilazione, alleviando le complesse operazioni DOM. Inoltre, fornisce anche un buon supporto per la tecnologia di test automatizzati front-end.

Angular è un framework front-end per la creazione di interfacce di singole applicazioni. Ha molte funzionalità principali come associazione dati, servizi, direttive, iniezione di dipendenze, ecc.Ha potenti funzioni del modulo e presenta i vantaggi dei comandi personalizzati

• Reagire

React, prodotto da Facebook, è stato lanciato ufficialmente nel 2013, 4 anni dopo rispetto ad angular. Tuttavia, grazie al suo innovativo VirtualDOM, ha superato angularJS in termini di prestazioni. Una volta lanciato, è diventato molto popolare. Ha molte funzionalità, tra cui VirtualDOM, JSX, algoritmo Diff, ecc., supporta la sintassi ES6 e utilizza la programmazione funzionale. La soglia è leggermente più alta, ma è anche più flessibile, consentendo maggiori possibilità di sviluppo.

React viene utilizzato principalmente per creare l'interfaccia utente. Puoi passare vari tipi di parametri in React, come codice di dichiarazione per aiutarti a eseguire il rendering dell'interfaccia utente, elementi DOM HTML statici, variabili dinamiche e persino componenti di applicazioni interattive.

• Scheletro

Skeleton è una raccolta di piccoli file JS e CSS che possono sviluppare rapidamente bellissimi siti Web adatti a vari dispositivi di schermo, inclusi i telefoni cellulari. Lo scheletro è sviluppato sulla base della griglia 960. È un framework dell'interfaccia utente.

• Interfaccia utente di Amaze

La prima serie di prodotti framework front-end cross-screen HTML5 open source in Cina, con un migliore supporto per la composizione in cinese e ricchi componenti localizzati. Questa serie di prodotti include Amaze UI Touch, un framework di sviluppo di applicazioni ibride HTML5 specifico per terminali mobili, e Amaze UI Web, progettato per lo sviluppo di pagine Web HTML5 su più schermi. Tra questi, Amaze UI Touch può aiutare gli sviluppatori a creare rapidamente applicazioni HTML5 mobili esclusive paragonabili alle APP native attraverso componenti avanzati.

• Kit interfaccia utente

Un framework front-end leggero e modulare per uno sviluppo rapido e potenti interfacce web.

• Tuoi

Yahoo! UI Library (YUI) è una libreria di funzioni JavaScript open source per creare una pagina Web altamente interattiva, utilizza tecnologie di codifica come AJAX, DHTML e DOM. Contiene anche molte risorse CSS. La licenza d'uso è la licenza BSD.

• bacione

Un framework JavaScript multiterminale, modulare, ad alte prestazioni e facile da usare.

• MUI

Il framework più vicino al framework front-end dell'esperienza dell'app nativa.

• Arale

Una libreria di classi di base front-end aperta, semplice e facile da usare.

• S-X

JX è un framework front-end Web modulare e non intrusivo, particolarmente adatto per la creazione e l'organizzazione di app Web di livello industriale su larga scala.

• GMU

GMU è una libreria di componenti dell'interfaccia utente mobile basata su zepto, che fornisce componenti dell'interfaccia utente semplici e facili da usare per webapp e pad Web App.

• ZUI

Framework front-end HTML5 open source

• Clouda Touch.js

Touch.js è un riconoscimento dei gesti e una libreria di eventi per dispositivi mobili ed è anche uno sviluppo ampiamente utilizzato all'interno di Baidu.