Teknologian jakaminen

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

Web-etupään kehittäminen tärkeänä osana front-end-teknologiaa on aina ollut tärkeässä asemassa koko IT-alalla tekoäly, nykyinen front-end tietojärjestelmä on myös vähitellen Rich.

Ystävät, jotka ovat perehtyneet Web-käyttöliittymään, tietävät, että Webissä on monia tekniikoita. jquery, extjs ja JavaScript.

Ydintekniikka

1、HTML

HTML:n hallitseminen on web-sivujen ydin, vakiokieli World Wide Web -sivujen tekemiseen, kieli, jota käyttävät World Wide Web -selaimet, ja se poistaa esteitä tiedonvaihdolta eri tietokoneiden välillä. Siksi se on tällä hetkellä eniten käytetty kieli Internetissä ja pääkieli, joka muodostaa web-asiakirjoja.

HTML on sivunkuvauskieli, joka toteuttaa verkkosivuja ja näyttää ne selaimissa. Uusimpana HTML-versiona HTML5 esittelee useita uusia teknologioita, mikä parantaa huomattavasti sen tukea sovelluksille, jolloin verkkoteknologia ei enää rajoitu verkkosisällön hahmontamiseen.

CSS:n, JavaScriptin, Flashin ja muiden teknologioiden kehittymisen myötä Webin sovellusten käsittelyominaisuudet ovat vähitellen lisääntyneet ja käyttäjien web-selailukokemus on parantunut huomattavasti. Useat HTML5:n uudet tekniikat ovat kuitenkin saavuttaneet laadullisia läpimurtoja, minkä ansiosta Web-teknologiaa pidetään ensimmäistä kertaa lähellä paikallista natiivisovellustekniikkaa, ja Web-sovellusten kehittämisestä on todella tullut kehittäjien valinta.

HTML5 voi yksinkertaistaa huomattavasti kehittäjien työtä. Teoriassa yksi kehitystyö voidaan suorittaa eri alustoilla, mikä vähentää kehityskustannuksia. AppMobi, Motorola, Sencha, Appcelerator ja muut yritykset ovat julkaisseet suhteellisen kypsiä kehitystyökaluja tukemaan HTML5-sovellusten kehitystä.

2、CSS

CSS:n hyvä oppiminen on tärkeä osa verkkosivujen ulkoasua. CSS voi auttaa tekemään verkkosivuista kauniimman.

3, JavaScript

JavaScriptin perussyntaksin ja JavaScriptin ohjelmoinnin oppiminen parantaa henkilökohtaisia ​​taitojasi kehittäjänä.

JavaScript on kevyt tulkittu ohjelmointikieli, joka on suunniteltu luomaan verkkokeskeisiä sovelluksia. JavaScript on erittäin helppo toteuttaa, koska se on integroitu HTML:ään, se on avoin ja monikäyttöinen.

JavaScriptin rooli:

• 1) Tee verkkosivuista interaktiivisia, esimerkiksi vastaamaan käyttäjien napsautuksiin ja tarjoamalla käyttäjille paremman käyttökokemuksen.

• 2) Se voi käsitellä lomakkeita, tarkistaa käyttäjän syöttämät tiedot ja antaa oikea-aikaista palautetta käyttäjien ajan säästämiseksi. Jos lomakkeella esimerkiksi pyydetään antamaan sähköpostiosoitteesi, mutta kirjoitat matkapuhelinnumeron, sinulle tulee antaa muistutus.

• 3) Sivuja voidaan luoda myös dynaamisesti käyttäjän toimintojen perusteella. Jos esimerkiksi lähetät sähköpostia, lisää liite.

• 4) Evästeet ovat selaimeen tallennettuja väliaikaisia ​​tietoja, kuten vierailemasi verkkosivuston osoite ja käyttämäsi käyttäjätunnus.

• 5) JavaScript yksinkertaistaa säännöllisesti toistuvia HTML-kappaleita ja lyhentää latausaikaa.

• 6), selain japalvelinSuorita tiedonsiirto, kuten suosituin Ajax asynkroninen siirto;

• 7) Rikkaampi käyttöliittymä, voit käyttää JavaScriptiä sisällyttääksesi kohteita, kuten vedä ja pudota -komponentteja ja liukusäätimiä, jotta sivustosi vierailijat voivat käyttää monipuolista käyttöliittymää.

4、jQuery

jQuery on toinen erinomainen Javascript-kehys prototyypin jälkeen. jQuery on nopea ja ytimekäs JavaScript-kirjasto, jonka avulla käyttäjät voivat helpommin käsitellä HTML-dokumentteja ja tapahtumia, luoda animaatiotehosteita ja tarjota helposti AJAX-vuorovaikutusta verkkosivustoille.

5, PHP

PHP, sisäkkäinen lyhennenimi, on lyhenne englannin kielestä Hypertext Preprocessing Language (PHP: Hypertext Preprocessor). PHP on upotettu HTML-kieli.

6, AJAX

AJAX tulee sanoista "Asynchronous Java and XML" ja viittaa verkkokehitysteknologiaan interaktiivisten verkkosovellusten luomiseen. Kiinassa yleinen ääntäminen on "Ajax", joka on sama kuin Ajax-jalkapallojoukkueen ääntäminen.

Ajax on tekniikka, jota käytetään luomaan nopeita dynaamisia verkkosivuja Vaihtamalla pienen määrän tietoa palvelimen kanssa taustalla, Ajax voi päivittää osia verkkosivusta lataamatta koko verkkosivua uudelleen.

7, API

API (Application Programming Interface) on joukko ennalta määritettyjä toimintoja, jotka tarjoavat sovelluksille ja kehittäjille mahdollisuuden käyttää tiettyihin ohjelmistoihin tai laitteistoihin perustuvia rutiineja ilman, että heidän tarvitsee käyttää lähdekoodia tai ymmärtää toimintamekanismin yksityiskohtia.

8, ASP

ASP on lyhenne sanoista Active Server Page, joka tarkoittaa "dynaamista palvelinsivua". ASP on Microsoftin kehittämä sovellus, joka korvaa CGI-skriptiohjelmat. Se voi olla vuorovaikutuksessa tietokantojen ja muiden ohjelmien kanssa, ja se on yksinkertainen ja kätevä ohjelmointityökalu. ASP-verkkosivutiedostojen muoto on. asp, jota käytetään nykyään yleisesti useilla dynaamisilla verkkosivustoilla.

9, Google Web Toolkit

Google Web Toolkit (lyhennettynä GWT) on Googlen julkaisema Ajax-sovelluskehityspaketti, joka tukee kehittäjiä kehittämään Ajax-sovelluksia Java-kielellä.

10. Käyttöjärjestelmä

Unixin ja Linuxin perusteiden ymmärtäminen on hyödyllistä kehittäjille.

11. Verkkopalvelin

Ymmärrä verkkopalvelin, mukaan lukien Apachen perusasetukset, htaccess-määritystaitojen hallitseminen jne.

käyttöliittymäkehys

Kun olet tutustunut HTML:ään, palvelinpuolen komentosarjakieliin, CSS:ään ja JavaScriptiin, verkkokehysten oppiminen voi nopeuttaa verkkokehitystä ja säästää aikaa. PHP-ohjelmoijien valinnaisia ​​puitteita ovat CakePHP, CodeIgniter, Zend jne. Python-ohjelmoijat käyttävät mielellään Djangoa ja webpyä, ja Ruby-ohjelmoijat käyttävät usein RoR:ää.

Webin standardoituessa ja standardoituessa Web-komponenttitekniikka jatkaa innovaatiotaan ja mobiilipäätelaitteiden kehitys sublimoituu.

• Bootstrap

Yksi yleisimmistä kehyksistä, Bootstrap perustuu HTML-, CSS- ja JavaScriptiin. Se on yksinkertainen ja joustava, mikä nopeuttaa Web-kehitystä.

html5-kattilalevy

Tämä kehys voi luoda nopeasti vankkoja ja mukautuvia verkkosovelluksia tai verkkosivustoja.

• Meteori

Meteor on uuden sukupolven avoimen lähdekoodin kehys reaaliaikaisten web-sovellusten kehittämiseen, joka voi saada kehityksen valmiiksi lyhyemmässä ajassa.

• Semanttinen käyttöliittymä

UI-komponenttikehys perustuu tehokkaisiin luonnollisen kielen periaatteisiin

• säätiö

Erinomainen responsiivinen etupään kehys

• Materialisoitua

Moderni responsiivinen käyttöliittymä, joka perustuu materiaalisuunnitteluun. Oletustyylejä ja mukautettuja komponentteja voidaan tarjota. Lisäksi Materialize parantaa animaatioita ja siirtymiä tarjotakseen kehittäjille sujuvan käyttökokemuksen.

• Puhdas

Joukko pieniä ja responsiivisia CSS-moduuleja, joita voidaan käyttää melkein kaikissa verkkoprojekteissa.

• Vue

Vue.js on kirjasto interaktiivisten verkkokäyttöliittymien rakentamiseen. Se tarjoaa MVVM-tiedonsidontaa ja koostettavan komponenttijärjestelmän yksinkertaisella ja joustavalla API:lla.

• Kulmikas

AngularJS:n loivat vuonna 2009 Misko Hevery ja muut, ja Google osti sen myöhemmin. Se on erinomainen etupään JS-kehys, jota käytetään monissa tuotteissa. Se ei ole vain etupään kehityskehys edistyneillä konsepteilla, vaan myös päästä päähän -ratkaisu. Se seuraa MVC-mallia arkkitehtonisessa suunnittelussa ja kannattaa tiedon ja loogisten prosessointikomponenttien löysää kytkentää. AngularJS toteuttaa HTML:n luonnollisen laajennuksen ohjetekniikan avulla ja toteuttaa tietomallin ja näyttönäkymän kaksisuuntaisen automaattisen synkronoinnin käännöstekniikan avulla, mikä helpottaa monimutkaisia ​​DOM-toimintoja. Lisäksi se tarjoaa myös hyvän tuen etupään automatisoidulle testaustekniikalle.

Angular on etupään kehys yksittäisten sovellusliittymien luomiseen. Siinä on monia ydinominaisuuksia, kuten tiedon sitominen, palvelut, direktiivit, riippuvuuslisäys jne.Siinä on tehokkaat moduulitoiminnot ja mukautettujen komentojen edut

• Reagoi

Facebookin tuottama React julkaistiin virallisesti vuonna 2013, 4 vuotta myöhemmin kuin angular. Kuitenkin sen innovatiivisen VirtualDOM:n ansiosta se ylitti angularJS:n julkaisun jälkeen. Siinä on monia ominaisuuksia, kuten VirtualDOM, JSX, Diff-algoritmi jne., se tukee ES6-syntaksia ja käyttää toiminnallista ohjelmointia. Kynnys on hieman korkeampi, mutta se on myös joustavampi, mikä mahdollistaa enemmän kehitysmahdollisuuksia.

Reactia käytetään pääasiassa käyttöliittymän rakentamiseen. Voit välittää Reactissa erilaisia ​​parametreja, kuten käyttöliittymän hahmontamista, staattisia HTML-DOM-elementtejä, dynaamisia muuttujia ja jopa interaktiivisia sovelluksia.

• Luuranko

Skeleton on kokoelma pieniä JS- ja CSS-tiedostoja, jotka voivat nopeasti kehittää kauniita verkkosivustoja, jotka sopivat erilaisiin näyttölaitteisiin, kuten matkapuhelimiin. Skeleton on kehitetty 960 ruudukon pohjalta. Se on käyttöliittymäkehys.

• Hämmästyttävä käyttöliittymä

Ensimmäinen avoimen lähdekoodin HTML5 cross-screen front end -kehystuotesarja Kiinassa, jossa on parempi kiinalainen ladontatuki ja monipuoliset lokalisoidut komponentit. Tämä tuotesarja sisältää Amaze UI Touchin, HTML5-hybridisovelluskehityskehyksen erityisesti mobiilipäätelaitteille, ja Amaze UI Webin, joka on suunniteltu eri näyttöjen HTML5-verkkosivujen kehittämiseen. Niistä Amaze UI Touch voi auttaa kehittäjiä rakentamaan nopeasti ainutlaatuisia HTML5-mobiilisovelluksia, jotka ovat verrattavissa alkuperäisiin sovelluksiin monipuolisten komponenttien avulla.

• UIkit

Kevyt ja modulaarinen käyttöliittymä nopeaan kehitykseen ja tehokkaisiin verkkokäyttöliittymiin.

• Yui

Yahoo! UI Library (YUI) on avoimen lähdekoodin JavaScript-funktiokirjasto Luodakseen erittäin interaktiivista verkkosivua, se käyttää koodaustekniikoita, kuten AJAX, DHTML ja DOM. Se sisältää myös monia CSS-resursseja. Käyttölupa on BSD-lisenssi.

• suudella

Terminaalien välinen, modulaarinen, tehokas ja helppokäyttöinen JavaScript-kehys.

• MUI

Kehys, joka on lähinnä natiivisovelluskokemuksen käyttöliittymäkehystä.

• Arale

Avoin, yksinkertainen ja helppokäyttöinen käyttöliittymän perusluokan kirjasto.

• JX

JX on modulaarinen, ei-tunkeileva Web-käyttöliittymäkehys, joka soveltuu erityisen hyvin suurten teollisuustason verkkosovellusten rakentamiseen ja järjestämiseen.

• GMU

GMU on zepto-pohjainen mobiilikäyttöliittymäkomponenttikirjasto, joka tarjoaa yksinkertaisia ​​ja helppokäyttöisiä käyttöliittymäkomponentteja webappille ja verkkosovellukselle.

• ZUI

Avoimen lähdekoodin HTML5-käyttöliittymäkehys

• Clouda Touch.js

Touch.js on mobiililaitteiden eleiden tunnistus- ja tapahtumakirjasto, ja se on myös Baidussa laajalti käytetty kehitys.