Исходный код вики JavaScript

Редактировал(а) Alexandr Fokin 2024/01/27 15:49
Скрыть последних авторов
Alexandr Fokin 3.7 1 |(% style="width:133px" %) |(% style="width:1351px" %)JavaScript, Java Script, JS
2 |(% colspan="1" rowspan="2" style="width:133px" %) |(% style="width:1351px" %)JS является интерпретируемым, динамически типизируемым языком.
3 |(% style="width:1351px" %)Язык программирования, первоначально созданный, чтобы сделать веб страницы более динамичными.
Alexandr Fokin 3.10 4 |(% colspan="1" rowspan="2" style="width:133px" %)[[Платформы>>doc:.Платформы.WebHome]]|(% style="width:1351px" %)Первоначально средой выполнения являлся браузер, за счет этого является кроссплатформенным (код мог выполняться там, где был реализован [[Браузер>>doc:.Платформы.Браузер.WebHome]] с интерпретатором).
Alexandr Fokin 3.9 5 |(% style="width:1351px" %)Существует реализация движка (интерпретатора) JS для создания приложений, работающих вне браузера - [[NodeJS>>doc:.Платформы.NodeJS.WebHome]].
Alexandr Fokin 3.6 6 На NodeJS может быть реализован бекенд для веб приложения (сервер, отвечающий на запросы).
Alexandr Fokin 3.7 7 |(% colspan="1" style="width:133px" %)Цикл существования|(% style="width:1351px" %)(((
8 |(% style="width:78px" %) |(% style="width:1255px" %)В рамках браузера Scope существования ограничивается одной страницей, причем перезагрузка страницы также сбрасывает состояние - удаляет переменные.
9 |(% style="width:78px" %)Типы страниц|(% style="width:1255px" %)(((
10 |(% style="width:45px" %)Static|(% style="width:1192px" %)Страницы, не использующие динамическую загрузку данных.
11 Использующие Get для загрузки страницы и Post (Submit) для отправки данных формы и перезагрузки страницы.
12 (HTML).
13 |(% style="width:45px" %)Ajax|(% style="width:1192px" %)Страницы (опционально использующий функционал предыдущего пункта), но также использующие функционал JS для выполнения запросов к бекенду без перезагрузки страницы. Динамическое создание запросов и обработка ответов от сервера. Базовые привязки или ручная генерация элементов DOM дерева.
14 (HTML + JS).
15 |(% style="width:45px" %)SPA|(% style="width:1192px" %)SPA (Single page application).
Alexandr Fokin 3.8 16 Все приложение выполняется в рамках одной страницы без перезагрузки (имитируя внутренние переходы по ссылкам). Таким образом состояние приложения (значения переменных), не сбрасывается при каждом действии/запросе/внутреннем переходе. Также обычно подразумевает наличие функционала для привязки/шаблона отображаемой разметки.
Alexandr Fokin 3.9 17 ([[Angular>>doc:Разработка.Frontend.Библиотеки.Frameworks.Angular.WebHome]], [[ReactJS>>doc:Разработка.Frontend.Библиотеки.Frameworks.ReactJS.WebHome]], [[Vue.js>>doc:Разработка.Frontend.Библиотеки.Frameworks.Vue\.js.WebHome]])
18 ([[Состояние>>doc:Архитектура и модели.Группа\. Архитектурные подходы.Группа\. Свойства\..Состояние.WebHome]], [[Управление состоянием>>doc:Разработка.Frontend.Библиотеки.Управление состоянием.WebHome]], [[UI паттерны состояния>>doc:Архитектура и модели.UI паттерны состояния.WebHome]]).
Alexandr Fokin 3.7 19 )))
20 )))
Alexandr Fokin 3.2 21
Alexandr Fokin 3.3 22 ----
23
24 ==== Внутренние ссылки: ====
25
26 ====== Дочерние страницы: ======
27
28 {{children/}}
29
30 ====== Обратные ссылки: ======
31
32 {{velocity}}
33 #set ($links = $doc.getBacklinks())
34 #if ($links.size() > 0)
35 #foreach ($docname in $links)
36 #set ($rdoc = $xwiki.getDocument($docname).getTranslatedDocument())
37 * [[$escapetool.xml($rdoc.fullName)]]
38 #end
39 #else
40 No back links for this page!
41 #end
42 {{/velocity}}
43
44 ----