Organizer Online

E-mail:

Password:

Don't have an account? Sign up

List 3

List 2

List 3

List 2

List 3

List 2

Organizer Online

Fiszki

Google

News

Szukaj:

BOX 2 / ABD

Text:

Usuń nowe linie
Redaguj tekst ChatGTP
Pytanie do ChatGTP

jako fiszka

Link do strony

Text:
Text:

Profil

E-mail:

Język:

Memorize

Show my wrong answer

Divide the answer into syllables

Repeat flashcards while learning

Answer:

O aplikacji

Organizer Online

Stay up to date with your information, take notes, and consolidate your knowledge.

info@organizeronline.app

Fractal Explorer

self.onmessage = function(e) { class ComplexNumber { constructor(real, imag) { this.real = real; this.imag = imag; } get Conj() { return -this.imag; } get ComplexNumberToString() { return "(" + this.real + ", " + this.imag + ")"; } get ComplexNumberToStringI() { var s = this.real; if (this.imag >= 0) s += "+i"; else s += "-i"; s += Math.abs(this.imag); return s; } get ComplexNumberToStringPolar() { return this.Abs + " * ( cos(" + this.Arg + ") + sin(" + this.Arg + "))"; } get Sin() { return Math.sqrt(this.Norm); } get Abs() { return Math.sqrt(this.Norm); } get Arg() { return Math.atan2(this.imag, this.real); } get Norm() { return this.real * this.real + this.imag * this.imag; } get GetRadius() { return Math.sqrt(this.Norm); } set SetRadius(Value) { var phi = this.GetPhase; this.real = Value * Math.cos(phi); this.imag = Value * Math.sin(phi); } get GetPhase() { var phi = Math.Atan2(this.imag, this.real); if (phi < 0) phi += 2 * Math.PI; return phi; } set SetPhase(Value) { var r = this.GetRadius; this.real = r * Math.cos(Value); this.imag = r * Math.sin(Value); } } function AddComplexNumber(Z1, Z2) { var Z = new ComplexNumber(Z1.real + Z2.real, Z1.imag + Z2.imag); return Z; } function MultiplyComplexNumber(Z1, Z2) { var Z = new ComplexNumber(Z1.real * Z2.real - Z1.imag * Z2.imag, Z1.real * Z2.imag + Z1.imag * Z2.real); return Z; } var buf = new ArrayBuffer(360000); var buf8 = new Uint8ClampedArray(buf); var castBuffer = new Uint32Array(buf); var castBuffer = _formFractalExplorer_Calculations(castBuffer, e.data.RealMin, e.data.ImagMin, e.data.RealMax, e.data.ImagMax); castBuffer = _formFractalExplorer_DrawBox(castBuffer); function _formFractalExplorer_Calculations(castBuffer, RealMin, ImagMin, RealMax, ImagMax) { var min = new ComplexNumber(RealMin, ImagMin); var max = new ComplexNumber(RealMax, ImagMax); for (var y = 0; y < 300; ++y) { for (var x = 0; x < 300; ++x) { var xx = x * (max.real - min.real) / 300; var yy = y * (max.imag - min.imag) / 300; var p1 = new ComplexNumber(xx, yy); var c = new AddComplexNumber(min, p1); var z = new ComplexNumber(0, 0); for (var i = 0; i < 255; i++) { var z = new MultiplyComplexNumber(z, z); z = AddComplexNumber(z, c); if (z.Norm >= 4) break; } if (i == 255) { var red = 0; var green = 0; var blue = 0; castBuffer[y * 300 + x] = red | (green << 8) | (blue << 16) | (255 << 24); } else { if (i <= 51) { var red = 255 - i; var green = 255 - i; var blue = 255; castBuffer[y * 300 + x] = red | (green << 8) | (blue << 16) | (255 << 24); } else { if (i <= 102) { var red = 255 - i; var green = 255 - i; var blue = 255; castBuffer[y * 300 + x] = red | (green << 8) | (blue << 16) | (255 << 24); } else { if (i <= 153) { var red = 255 - i; var green = 255 - i; var blue = 255; castBuffer[y * 300 + x] = red | (green << 8) | (blue << 16) | (255 << 24); } else { if (i > 153) { var red = 255 - i; var green = 255 - i; var blue = 255; castBuffer[y * 300 + x] = red | (green << 8) | (blue << 16) | (255 << 24); } } } } } } } return castBuffer; } function _formFractalExplorer_DrawBox(castBuffer) { for (var x = 130; x <= 150; ++x) { castBuffer[130 * 300 + x] = 255 | (0 << 8) | (0 << 16) | (255 << 24); castBuffer[150 * 300 + x] = 255 | (0 << 8) | (0 << 16) | (255 << 24); } for (var y = 130; y <= 150; ++y) { castBuffer[y * 300 + 130] = 255 | (0 << 8) | (0 << 16) | (255 << 24); castBuffer[y * 300 + 150] = 255 | (0 << 8) | (0 << 16) | (255 << 24); } return castBuffer; } self.postMessage(buf8); };

About App
User's manual
Technical approach - Framework Multi-component reaction

Flashcard settings

{___captionSortAlphabetically___}

{___captionSortOrderWereAdded___}

{___captionNumberNewFlashcardsToLearn___}

{___NumberOfMostDifficultFlashcardsToLearn___}

{___NumberOfRandomFlashcardsToLearn___}

{___SettingColor_LANG___}

Add an image

Lotto

Losuj

Data losowania:

Demo tylko offline

Sound

Show

Live

Shot

SL 5p

Close 50%

Cancel commend

NEWS

Fiszki

Google

News

Szukaj:

List 3

List 2

>>>

<<<

List 3

List 2

<<<

Multi-component Reaction (MCR)

Multi-component Reaction (MCR) is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Multi-component Reaction (MCR) shifts that work into a compile step that happens when you build your app.

Multi-component Reaction (MCR) components are built on top of HTML, CSS and JavaScript. MCR Single-File Components (aka *.html files) is a special file format that allows us to encapsulate the template, logic, and styling of a MCR component in a single file. The <style> and <script> blocks encapsulates and collocates the view, logic and styling of a component in the same file.

<_componentName id="{}" nr="{___nr___}" />

def. component _componentName:

<style>

</style>
<div id="{}{___nr___}" class="_componentName">

</div>
<script>

</script>

example:

<_helloWorld id="_helloWorld" nr="1" />

def. component _helloWorld:

<style>

   ._helloWorld p {

      color: blue;

   }

</style>
<div id="{}{___nr___}" class="_helloWorld">

   <p id="{}{___nr___}-id_p_message">Hello, world!<p/>

</div>
<script>

   $(document).on('click', "._helloWorld", function () {

      alert("You clicked on me.");

   });

</script>

A Useful Framework for Naming Your Classes, Functions, and Variables

This will facilitate the work of both us and people who can potentially read our code.

Component name
_componentName
e.g. _helloWorld

The HTML id attribute
id_tagName_[typeName]_attributeName 
e.g. id_div_contentDivision
     id_input_submit_ClickMe

The HTML class attribute
class_tagName_[typeName]_attributeName
e.g. class_div_contentDivision
     class_input_submit_ClickMe

The HTML id attribute for a component element
{}{___nr___}-id_tagName_[typeName]_attributeName
e.g. {}{___nr___}-id_div_contentDivision
     {}{___nr___}-id_input_submit_ClickMe

The component methods
_componentName___methodName()
e.g. _helloWorld___Show()

Handling events with Multi-component Reaction (MCR)

We can intercept an event by adding the class directive to the relevant DOM element. Let's say we want to handle a click on a button of the component element.

<_helloWorld id="_helloWorld" nr="1" />

def. component _helloWorld:

<style>

   ._helloWorld p {

      color: blue;

   }

</style>
<div id="{}{___nr___}" class="_helloWorld">

   <p id="{}{___nr___}-id_p_message">foo<p/>
   <input id="{}{___nr___}-id_input_submit_ClickMe" class="class_input_submit_ClickMe" type="submit" value="Click Me">

</div>
<script>

   $(document).on('click', "._helloWorld .class_input_submit_ClickMe", function () {

      var thisComponent = $(this).parent();

      _helloWorld___ShowMessage(thisComponent);

   });

   function _helloWorld___ShowMessage(ThisComponent) {

      var thisComponentId = $(ThisComponent).attr("id");

      $("#" + thisComponentId + "-id_p_message").text("Hello, world!");

   }

</script>

A class directive can reference multiple components in a project, so a single event can handle multiple instances of a component:

._componentName .class_tagName_[typeName]_attributeName
Here we have: ._helloWorld .class_input_submit_ClickMe

<_helloWorld id="_helloWorld" nr="1" />
<_helloWorld id="_helloWorld" nr="2" />

Using direct reference
$(document).on('click', "._helloWorld .class_input_submit_ClickMe", function () {

   var thisComponent = $(this).parent();

   var thisComponentId = $(thisComponent).attr("id");

   $("#" + thisComponentId + "-id_p_message").text("Hello, world!");

});

Using the function
$(document).on('click', "._helloWorld .class_input_submit_ClickMe", function () {

   var thisComponent = $(this).parent();

   _helloWorld___ShowMessage(thisComponent);

});

Adding components statically and dynamically

In the multi-component reaction (MCR), we have two options for adding components to the page. Static adding and dynamic adding. We add static components statically to the website and dynamically while the website is running.

Adding components statically

Home page

<!DOCTYPE html>

<html>
<head>

   <meta charset="utf-8" />
   <title></title>

</head>
<body>

   <_helloWorld id="_helloWorld" nr="1" />

</body>
</html>

Adding components dynamically

Component _list

function _list___AddComponentsHelloWorld(ThisComponent, Data) {

   for (var i = 0; i < Data.length; i++) {

      var thisComponentId = $(ThisComponent).attr("id");

      var item_html = "<_helloWorld id='" + thisComponentId + "-_helloWorld' nr='i' />";

      $(ThisComponent).append(item_html);

   }

}

When adding a component in a component, we additionally add thisComponentId of the parent component to the id.

Custom component attributes

<_componentName id="_componentName" nr="1" title="titleName" ... />

<style>

   ._componentName .class_div_title {

      color: blue;

   }

</style>
<div id="{}{___nr___}" class="_componentName">

   <div id="{}{___nr___}-id_div_title" class="class_div_title">

      {___title___}

   </div>

</div>
<script>

</script>

The multi-component reaction (MCR) framework allows us to use a component within another component. The outside component is called the parent component and the inner component is called the child component.

<style>

</style>
<div id="{}{___nr___}" class="_parentComponentName">

   <_childComponentName id="{}{___nr___}-_childComponentName" nr="1" />

</div>
<script>

</script>

<<<

Instrukcja obsługi

1. Menu Newsy

1.1. Wyszukiwarka najnowszych wiadomości ze świata wg zdefiniowanych tematów ()

1.2. Zdefiniowane tematy wyszukiwania ()

1.2.1 Dodawanie nowego tematu wyszukiwania

1.2.2 Edytowanie i usuwanie tematów wyszukiwania

1.2.3 Wybranie tematu wyszukiwania

1.3. Dodawanie wyszukanych wiadomości () do schowka przeszukiwanego tematu ()

1.4. Schowek wyszukanych wiadomości ()

1.1.4. Dodawanie własnej wiadomości z innego źródła

2. Menu Organizer

2.1. Lista fiszek, notatek ()

2.1.1 Dodawanie fiszki, notatki

2.1.2 Edytowanie i usuwanie fiszki, notatki

2.1.3 Dodawanie fiszki, notatki do innej fiszki, notatki

2.1.4 Ustawienia fiszki, notatki

2.1.5 Nauka, przeglądanie fiszek, notatek

2.1.5.1 Formularz nauki w trybie pytania i odpowiedzi

2.1.5.1.1 Pamięć wzrokowa, podgląd poprawnej odpowiedźi podzielonej na sylaby

2.1.5.2 Formularz nauki w trybie przeglądu informacji

1.1. Wyszukiwarka najnowszych wiadomości ze świata wg zdefiniowanych tematów

Wybieramy zdefiniowany uprzednio i klikamy przycisk . Wyszukiwarka zwróci wiadomości ze świata dopasowane tematycznie do wybranego tematu.

Spis treści

1.2. Zdefiniowane tematy wyszukiwania

Tutaj mamy widok dostępnych tematów które zdefiniowaliśmy. Możemy tutaj dodawać nowe, edytować lub je usuwać.

Spis treści

1.2.1 Dodawanie nowego tematu wyszukiwania

Klikamy przycisk . Podajemy naszą nazwę tematu oraz przypisane do niego słowa kluczowe po których wyszukiwarka będzie szukać wiadomości ze świata. Klikamy przycisk

Spis treści

1.2.2 Edytowanie i usuwanie tematów wyszukiwania

Aby edytować, klikamy a następnie klikamy przycisk . Aby usunąć wybrany temat, klikamy pole wyboru a następnie klikamy przycisk

Spis treści

1.2.3 Wybranie tematu wyszukiwania

Aby teraz wybrać dodany temat i przejść do wyszukiwarki klikamy . Następnie klikamy . Możemy teraz wyszukać wiadomości wg wybranego tematu.

Spis treści

1.3. Dodawanie wyszukanych wiadomości do schowka przeszukiwanego tematu

Wyszukane wiadomości możemy zapisać do schowka przeszukiwanego tematu klikając na pole wyboru

Spis treści

1.4. Schowek wyszukanych wiadomości

Aby przejść do schowka wybranego tematu, klikamy przycisk . Teraz możemy przeglądać wiadomości zapisane w schowku. Aby wiadomość usunąć ze schowka, klikamy pole wyboru i następnie klikamy przycisk . Tutaj też możemy dodawać wiadomości z innych źródeł lub je edytować.

Spis treści

1.4.1. Dodawanie własnej wiadomości z innego źródła

Wybieramy temat wyszukiwania, do którego to schowka dodamy nową wiadomość. Przechodzimy do schowka wiadomości wybranego tematu . Następnie klikamy przycisk . Wprowadzamy treść wiadomości , podajemy link do opcjonalnego zdjęcia i podajemy link do wiadomości

Spis treści

2.1. Lista fiszek, notatek

Tutaj mamy listę fiszek, notatek które należą do głównego katalogu aplikacji. Fiszki, notatki mogą zawierać inne fiszki, notatki.

Spis treści

2.1.1 Dodawanie fiszki, notatki

Klikamy przycisk . W polu wpisujemy treść, pytanie fiszki, notatki. Jeśli chcemy dodać dodatkową treść czy odpowiedź zaznaczamy pole wyboru . Po pojawieniu się kolejnego pola wpisujemy do niego dodatkową treść, odpowiedź. Możemy też tutaj wkleić link do strony i zaznaczyć pole wyboru . W tedy będziemy mogli klikając w ten link i przejść do wskazanej strony. Na koniec zapisujemy notatkę, fiszkę klikając na przycisk

Spis treści

2.1.2 Edytowanie i usuwanie fiszki, notatki

Aby edytować, klikamy a następnie klikamy przycisk . Aby usunąć wybrany temat, klikamy pole wyboru a następnie klikamy przycisk

Spis treści

2.1.3 Dodawanie fiszki, notatki do innej fiszki, notatki

Aby dodać fiszkę, notatkę do innej fiszki, notatki klikamy a następnie klikamy lub przycisk . W tedy przejdziemy do . Tutaj z kolei możemy też wskazać fiszkę, notatkę do której chcemy dodać fiszkę, notatkę i przejść do

Następnie klikamy przycisk i możemy dodać nową fiszkę, notatkę.

Spis treści

2.1.4 Ustawienia fiszki, notatki

Aby przejść do ustawień fiszki klikamy ikonkę po prawej stronie na wybranej fiszce, notatce.

Po wejściu do ustawień możemy wybrać sposób sortowania fiszek, notatek które zawiera ustawiana fiszka, notatka. Oraz możemy ustawić wybierane fiszki do nauki, przeglądania. W polu podajemy liczbę fiszek losowanych z pośród jeszcze nie powtarzanych, przeglądanych. W polu podajemy liczbę fiszek losowanych z pośród już powtarzanych, przeglądanych które najczęściej były zapominane. W polu podajemy liczbę fiszek losowanych z pośród już wszystkich powtarzanych. Suma wszystkich tych pól daję liczbę fiszek które będą odpytywane podczas nauki.

Spis treści

2.1.5 Nauka, przeglądanie fiszek, notatek

Aby przejść do nauki, przeglądania fiszek wybranej fiszki klikamy ikonkę po prawej stronie na wybranej fiszce, notatce.

Po wejściu do formularza nauki mamy treść pierwszej fiszki i w zależności od tego, czy fiszka ma pytanie i odpowiedź zostanie przedstawiona w trybie pytania lub podglądu.

Spis treści

2.1.5.1 Formularz nauki w trybie pytania i odpowiedzi

W tym trybie nauki mamy zadane pytanie, na które należy odpowiedzieć. Wpisując odpowiedź lub kliknąć przycisk , lub przycisk . Jeśli odpowiedź jest prawidłowa, przejdziemy do następnej fiszki. W przypadku podania nieprawidłowej odpowiedzi zostanie wyświetlona prawidłowa odpowiedź.

Spis treści

2.1.5.1.1 Pamięć wzrokowa, podgląd poprawnej odpowiedźi podzielonej na sylaby

Formularz nauki w trybie pytania i odpowiedzi po zaznaczeniu opcji pokazuje poprawną odpowiedź dzieląc słowa na sylaby. Pozwala to na wzrokowe zapamiętanie pisowni słów.

Spis treści

2.1.5.2 Formularz nauki w trybie przeglądu informacji

W tym trybie nauki mamy pokazaną treść fiszki do przypomnienia sobie. Po kliknięciu przycisku , lub przycisku przechodzimy do podglądu następnej fiszki.

Spis treści