Giter VIP home page Giter VIP logo

mgr-app3's Introduction

Mgr-App3

powrót do strony głównej

Aplikacja w formie strony internetowej (angularjs) prezentującej wyniki w zestawieniu tabelarycznym uzyskane w rezultacie dzialania app1 i app2. Przetwarzany jest plik "results.json". Aplikacja prezentuje wynik końcowy działania calego projektu.

Fragment tabeli reprezentujacej wyniki badań dla frameworka angular1 oraz vanillajs. Kazdy wiersz to pewna metoda testowa, widoczne kolejno:

  • add_500 - dodanie 500 elementow,
  • add_1k - 1tys,
  • add_2k- 2tys,
  • add_500f_500 - dodanie 500 na poczatku (500f - "first") przy istniejaych 500 elementach
  • add_500f_2k - 500 na poczatek przy 2tys
  • add_500f_1k - 500 na poczatek przy 1tys
  • add_500m_1k - 500 w srodek (500m- "middle") przy 1tys
  • add500L_1k - 500 na koniec (500L - "Last") przy 1tys

Przykładowe odczyty dla add500 dla vanillajs:

  • scrpt - scripting, czyli czas dzialania samego javascript :
    • 7.9 (ms - zawsze milisekundy, wynik usredniony);
    • +- 0.56 - odchylenie standardowe z probek;
    • 1.00 - czas dzialania w odniesnieu do czasu vanillajs (w tym samym wierszu angular ma wartosc 6.31 - oznacza to, ze czas dzialania dla angulara, tj 49.9ms jest 6.31 razy dluższy niz dla vanillajs; vanillajs to zawsze odnosnik)
  • recalc- recalculate style - obliczanie styli (jedna z faz renderingu - kolor fioletowy)
  • layout - obliczanie rozmiarow i polozenia elementow html (kolejna z faz renderingu)
  • update - update layer tree - obliczanie tzw "warstw" (layers) (ostatnia z faz renderingu)
  • paint - tzw recording - przygotowywanie metod rysujacych komponenty html; tutaj nastepuje koniec formowania ramki
  • frame - ramka, całkowity czas odswiezania strony, gdy zaszła zmiana wymagajaca ponownego jej rysowania (sam proces rysowania zachodzi chyba poza czasem frame - tego dokladnie nie rozumiem :) , wyczytalem ze faza paint nie rysuje jeszcze strony a odpowiada za przygotowanie kodu ktory dopiero narysuje strone na nowo)
  • GC - w drugim wierszu w kolumnie angularjs w komórce scrpt widnieje wartosc GC - oznacza to, ze był tutaj wywoływany garbage collector i zajał 20.53 ms. Czas scrpt jest podawany zawsze jako suma, czyli wraz z czasem GC (o ile istnieje).

Fragment tabeli z wynikami dla testu typu "replace".

Dodatkowo aplikacja prezentuje:

  • podsumowania, tj srednie wyniki dla wszystkich operacji typu add, replace, update itd.
  • zużycie pamięci przy starcie aplikacji oraz dodaniu okreslonej liczby elementow. Tabele i wyjasnienia dodam wkrótce.

mgr-app3's People

Contributors

krzysiekdz avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.