Kampas 2.0 prieš polimerą

Sveiki vaikinai! Prieš pradedant palyginti šias dvi „JavaScript“ sistemas / bibliotekas, svarbu suprasti, kaip keičiasi žiniatinklio kūrimo būdas ir kaip naujieji rėmai bando palengvinti tą pakeitimą.

Naujas internetinių svetainių kūrimo būdas

Komponentai

  • Modulinis dizainas ir tobulinimas yra populiarūs kūrėjų principai. Žiniatinklio kūrimo pasaulyje komponentų kūrimas vystėsi moduliškumo principu.
  • Modulinį kodą lengva prižiūrėti ir naudoti dar kartą. Mažesnė klaidų tikimybė dėl mažesnės, izoliuotos ir labiau patikrintos kodo bazės.
  • Tokios struktūros kaip „Angular“, „Ember“, „React“, „Backbone“ ir kitos internete pateikė savo sprendimus, kaip kompozituoti.

Žiniatinklio komponentai

  • Žiniatinklio komponentai komponentų sąvoką naršyklėse atnešė savaime. Nors vis tiek galime naudoti komponentinius sprendimus, kuriuos teikia rėmai, vietiniai žiniatinklio komponentai suteikia pakartotinio naudojimo pakartotinio naudojimo laipsnį, kurio negalima pasiekti kitomis sistemomis.
  • Žiniatinklio komponentai sujungia funkcionalumo modulius į patį pagrindinį HTML vienetą - DOM elementą. Pagerėjus žiniatinklio komponentų naudojimui, jie tapo žiniatinklio modulinių kodų paieškos būdu.
  • Visose naršyklėse dar nėra visiškai įgyvendintos interneto komponentų specifikacijos. Bet naršyklių pardavėjai aktyviai įgyvendina skirtingas specifikacijų dalis, o tai reiškia, kad žiniatinklio komponentų palaikymas tik tobulės.

Tiltas į interneto komponentus

2.0 kampas

  • „Kampinis“ yra vienas iš populiariausių „JavaScript“ pagrindų tarp kūrėjų. Naujausia „Angular“ (Angular 2) versija taip pat veikia pagal komponentų koncepciją.
  • „Angular 2“ yra visavertė „javascript“ sistema, kuri ne tik leidžia kurti komponentus, bet ir padeda valdyti įvairius žiniatinklio programų aspektus, tokius kaip maršruto parinkimas ir būsenos tvarkymas.
  • 2 kampą taip pat galima sukonfigūruoti generuoti žiniatinklio komponentus.

Polimeras

  • „Polimerų“ biblioteka yra lengvas cukrinis sluoksnis, esantis „Web Components“ API. Polimeras yra biblioteka, kuri padeda mums išnaudoti visas interneto komponentų galimybes.
  • Priešingai nei įprasta „javascript“ sistema, „Polymer“ yra sukurtas panaudoti funkcijas, iškeistas į pačią žiniatinklio platformą, kad būtų galima kurti komponentus.
  • #UseThePlatform yra vardas, kurį polimerai suteikia norėdami naršyklei atlikti visus sunkumus keliaujant be bibliotekų.

Kaip jie lygina

Dydis:

Žiniatinklio programos dydis daro tiesioginę įtaką našumo įkėlimui. Be programos kodo ir išteklių, programos dydį padidina ir išorinės struktūros bei bibliotekos. Taigi norima, kad išorinių bibliotekų indėlis būtų kuo mažesnis.

2.0 kampas: 566 KB - 766 KB. Minifikuotos „Angular 2“ pakuotės dydis yra 566K. 2 kampas remiasi stebimu modeliu, kurį pateikia „Rxjs“ biblioteka. 2 kampo su „Rxjs“ biblioteka dydis yra 766K.

Polimeras: 127 KB - 168 KB. Minifikuoto 1,6 polimero dydis yra 127 KB. Taip pat reikia naršyklių, kuriose žiniatinklio komponentai nėra palaikomi vietiniu būdu, užpildymo, užpildyto webcomponents.js. Žiniatinklio komponentų-lite.js dydis yra 41 KB

Pakartotinis naudojimas:

Komponentų modelis suteikia daug galimybių pakartotiniam naudojimui. Komponentai yra maži ir atskiri kodo fragmentai, kuriuos galima naudoti keliose tos pačios programos vietose arba keliose programose.

2.0 kampas: palaiko komponentus ir pakartotinį naudojimą. 2 kampo komponentus galima naudoti tik „Angular2“ programose

Polimeras: palaiko komponentus ir pakartotinį naudojimą. Polimerų komponentus idealiai galima panaudoti bet kurioje interneto programoje. Ne polimerų pritaikymui reikės importuoti polimerų biblioteką, kad būtų galima pakartotinai panaudoti polimerų komponentus.

Programos struktūra:

Didelėse programose svarbu turėti kodo struktūrą. Karkasai padeda pateikti kodo struktūrą ir modelį.

Kampas 2.0: diktuoja kodo struktūrą. 2 kampas yra visavertis rėmas. Tai suteikia galimybę susisteminti programą. Tai ateina su įmontuotu programų nukreipimu, valstybės valdymu ir duomenų perdavimu

Polimeras: Nereikia pasakyti apie savo struktūrą. Polimeras palengvina tik komponentų kūrimą. Tačiau polimerų komanda sukūrė keletą komponentų, kurie gali būti naudojami maršrutui. Duomenų ryšiui valdyti gali būti naudojama atskira biblioteka. pvz. „Redux“ ar bet kuri kita „Flux“ pagrindu sukurta biblioteka.

Ilgaamžiškumas:

Renkantis technologijos krūvą svarbu atsižvelgti į rėmų / bibliotekų ilgaamžiškumą. Sistema, kuri labai greitai gali pasenti ar sustingti, yra neteisingas pasirinkimas kuriant programas.

2.0 kampas: „Kampinio“ versijos atnaujinimas iš 1.x į 2 buvo visiškai atnaujintas ir praktiškai sukels visišką programų perrašymą. Kampas pateikė atnaujinimo kelią nuo 1,4–1,5–2. Bet pastangos sekti atnaujinimo kelią galėjo atitikti perrašymą.

Polimeras: Polimeras ketina būti lengvesnis tobulėjant internetinei platformai. „Polymer 2“ peržiūros versija neveikia. Polimeras turi hibridinį režimą, kuriame 1 ir 2 gali veikti kartu. Kadangi polimeras nėra sunkus karkasas, atnaujinti turėtų būti lengviau.

Mokymasis:

2.0 kampas: „Typescript“ yra nauja kalba, o „dekoratoriaus“ kodas rašymo būdas taip pat nėra gerai žinomas „Java“ scenarijų kūrėjams. Nors būsimos „javascript“ versijos turi dekoratorių koncepciją. Kūrėjas turės išmokti ir sistemą, ir kalbą.

Polimeras: Polimerų komponentai gali būti / paprastai rašomi ES5 / ES6 javascript'e. Kūrėjai turės priprasti prie komponentų koncepcijos (taip pat ir su „Angular 2“). Polimeras suteikia minimalų sintaksinį cukrų, palyginti su žiniatinklio komponentais, o tai nereikalauja stačios mokymosi kreivės.

Serverio pusės perteikimas:

Serverio perteikimas yra svarbus, kai kalbama apie SEO patogumą, socialinės žiniasklaidos peržiūras ir greitą puslapio „peržiūros galimybę“. Tačiau yra daug būdų, kaip greitai pasiekti pirmąjį vaizdą, net pateikiant kliento pusėje. Be to, „Google“ gali indeksuoti kliento pateiktas svetaines, tačiau tai padaryti gali turėti problemų su kitomis paieškos sistemomis.

„Angular 2.0“: „Angular“ komanda dirba su „Angular Universal“, kurią galima naudoti su 2 kampu, kad būtų galima atvaizduoti serverio pusę.

Polimeras: Polimeras dar nepalaiko serverio pusės perteikimo.

Rekomenduojamas kaminas

Remdamasis aukščiau pateiktu palyginimu, jei šiandien turėčiau pasirinkti priekinį kaminą, aš pasirinkčiau tai:

  • Polimerinė biblioteka yra lengvesnė nei 2 kampo biblioteka.
  • Polimerų komponentai gali būti pakartotinai naudojami bet kurioje programoje, tuo tarpu „Angular 2“ komponentai gali būti naudojami tik „Angular 2“ programose
  • Polimeras ketina tapti lankstesnis dėl interneto platformos evoliucijos, t. Y. Kai naršyklės pagerins savo palaikymą žiniatinklio komponentų specifikacijose, polimeras galės sumažinti jo dydį
  • „Redux“ grindžiamas srauto modeliu. Jame pateikiamos duomenų srauto programos viduje valdymo gairės. Tai padeda sukurti nuspėjamas ir keičiamas programas.

Dėkoju!! Pasilinksmink!

Šiek tiek išsami šios rašymo versija yra mano tinklaraštyje http://dotjsfile.blogspot.in/2017/04/angular2-vs-polymer.html