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