User Tools

Site Tools


Differences

This shows you the differences between two versions of the page.

Link to this comparison view

less [2019-12-05 12:08]
ziggi created
less [2019-12-05 12:17] (current)
ziggi
Line 4: Line 4:
  
 она определяется ​ она определяется ​
-  ​- стилями,​ пишутся в основном на scss [[https://​ru.wikipedia.org/​wiki/​Sass]];​ иногда на less; из которого генерируется css bundle, описание стилей элементов;​ обычно один файл +   - стилями,​ пишутся в основном на scss [[https://​ru.wikipedia.org/​wiki/​Sass]]; ​\\ иногда на less; \\ из которого генерируется css bundle, описание стилей элементов;​ обычно один файл 
- +   - подгружаемыми javascript, ​задающие динмические свойства для элемента\\ обычно собираются один-два-три файла,
-   - подгружаемыми javascript, которые меняют; обычно собираются один-два-три файла,+
 в исходниках может много ​ в исходниках может много ​
  
-разрабытывается в виде фреймворков,​  +разметки ​разрабытывается в виде фреймворков, ​имя которым уже десятки  
-комплект включает + 
-  - спецификацию+комплект ​фремворка ​включает 
 +  - спецификацию ​элементов и их комбинаций
   - scss/css описание стилей   - scss/css описание стилей
   - javascripts библиотеку для динамических элементов   - javascripts библиотеку для динамических элементов
  
-спецификациидва часто используемых фрейворка+к примеру, ​спецификации ​на два часто используемых фреймворка ​стилей
  
-  * https://​getbootstrap.com/​docs/​4.3/​components/​input-group/​ +  * boostrap: [[https://​getbootstrap.com/​docs/​4.3/​components/​input-group/​]] 
-  * https://​foundation.zurb.com/​sites/​docs/​responsive-navigation.html+  * foundation: [[https://​foundation.zurb.com/​sites/​docs/​responsive-navigation.html]]
  
 код фрейворка публикуется как правило в git/svn/... репозитарий,​ и в виде специализированных пакетов код фрейворка публикуется как правило в git/svn/... репозитарий,​ и в виде специализированных пакетов
Line 25: Line 25:
   - пакет для Ruby-based разработки:​ [[https://​rubygems.org/​gems/​bootstrap/​versions/​4.4.1]]   - пакет для Ruby-based разработки:​ [[https://​rubygems.org/​gems/​bootstrap/​versions/​4.4.1]]
   - пакет для Javascript/​Typesript [[https://​www.npmjs.com/​package/​bootstrap]]   - пакет для Javascript/​Typesript [[https://​www.npmjs.com/​package/​bootstrap]]
 +
 +в реальных приложениях код разметки может быть значительно ​
 +смашан с дополнительной разметкой-кодом интепретатора-препроцессора ​
 +
 +пример ​
 +[[https://​github.com/​onborodin/​ng-lorem/​blob/​master/​frontend/​src/​app/​user-update/​user-update.component.html]]
 +
 +
  
 ---- ----