Исходный код вики Промежуточные языки
Версия 7.4 от Alexandr Fokin на 2023/01/06 16:54
Скрыть последних авторов
| author | version | line-number | content |
|---|---|---|---|
 |
7.4 | 1 | В процессе развития технологического стека Frontend образовались промежуточные языки, располагающиеся поверх обычного языка. |
| 2 | Данный язык обычно используется чтобы изменить/упростить какой-то из аспектов разработки, сделать его более удобным, добавить какой либо подход (его возможности и ограничения). Некоторые фреймворки требует при своем использовании именно опеределенный промежуточный язык. | ||
| |
1.1 | 3 | |
| 4 | Схема: | ||
| |
7.4 | 5 | **Разработчик -> код на промежуточном языке -> компиляция -> код на языке, понятном исполнителю** |
| |
1.1 | 6 | |
| |
7.4 | 7 | ---- |
| |
1.1 | 8 | |
| |
7.3 | 9 | (% style="width:1431px" %) |
| 10 | |(% style="width:158px" %)**Основной язык**|(% style="width:218px" %)**Промежуточный язык**|(% style="width:942px" %)**Комментарий**|(% style="width:110px" %)**Расширения** | ||
| |
7.4 | 11 | |(% colspan="1" rowspan="4" style="width:158px" %)[[JavaScript>>doc:Разработка.Frontend.JavaScript.WebHome]]|(% style="width:218px" %)Babel|(% style="width:942px" %)((( |
| |
7.3 | 12 | [[https:~~/~~/babeljs.io>>https://babeljs.io]] |
| |
1.1 | 13 | |
| |
7.3 | 14 | Используется в фреймворке [[ReactJS>>doc:Разработка.Frontend.Библиотеки.Frameworks.ReactJS.WebHome]] |
| 15 | )))|(% style="width:110px" %).jsx | ||
| 16 | |(% style="width:218px" %)[[TypeScript>>doc:.TypeScript.WebHome]]|(% style="width:942px" %) |(% style="width:110px" %).ts | ||
| 17 | |(% style="width:218px" %)ReasonML|(% style="width:942px" %)[[https:~~/~~/reasonml.github.io>>https://reasonml.github.io]]|(% style="width:110px" %) | ||
| 18 | |(% style="width:218px" %)Fable|(% style="width:942px" %)[[https:~~/~~/fable.io>>https://fable.io]]|(% style="width:110px" %) | ||
| |
7.4 | 19 | |(% colspan="1" rowspan="2" style="width:158px" %)[[CSS>>doc:Разработка.Frontend.HTML и CSS.CSS.WebHome]]|(% style="width:218px" %)SASS|(% style="width:942px" %) |(% style="width:110px" %) |
| |
7.3 | 20 | |(% style="width:218px" %)LESS|(% style="width:942px" %) |(% style="width:110px" %) |
| |
1.1 | 21 | |
| 22 | |||
| |
7.3 | 23 |