Knockout.js: различия между версиями
[отпатрулированная версия] | [непроверенная версия] |
Нет описания правки |
Фреймворк не реализует MVVM паттерн. |
||
Строка 13: | Строка 13: | ||
| website = {{url|http://knockoutjs.com/}} |
| website = {{url|http://knockoutjs.com/}} |
||
}} |
}} |
||
'''Knockout.js''' ({{lang-en|}}[[нокаут]]) — [[Свободное программное обеспечение|свободный]] [[JavaScript]] [[Content Management Framework|каркас веб-приложений]] |
'''Knockout.js''' ({{lang-en|}}[[нокаут]]) — [[Свободное программное обеспечение|свободный]] [[JavaScript]] [[Content Management Framework|каркас веб-приложений]]. Основными принципами являются: |
||
* чёткое разделение доменных данных, компонентов отображения и отображаемых данных |
* чёткое разделение доменных данных, компонентов отображения и отображаемых данных |
||
* наличие чётко определённого слоя специализированного кода, задающего отношение компонентов отображения. |
* наличие чётко определённого слоя специализированного кода, задающего отношение компонентов отображения. |
Версия от 13:29, 21 ноября 2017
Knockout.js | |
---|---|
Тип | JavaScript-библиотека |
Автор | Steve Sanderson |
Написана на | JavaScript |
Операционная система | кроссплатформенность |
Аппаратная платформа | кроссплатформенность |
Последняя версия | 3.4.2[1] (6 марта 2017) |
Репозиторий | github.com/knockout/knoc… |
Лицензия | лицензия MIT |
Сайт | knockoutjs.com |
Knockout.js (англ. нокаут) — свободный JavaScript каркас веб-приложений. Основными принципами являются:
- чёткое разделение доменных данных, компонентов отображения и отображаемых данных
- наличие чётко определённого слоя специализированного кода, задающего отношение компонентов отображения.
Автором библиотеки является сотрудник Microsoft, однако, по его словам библиотека останется такой, какой она является, и будет развиваться в направлении, определяемом лишь им самим и сообществом пользователей. Также он подчёркивает, что библиотека не является продуктом Microsoft[2].
На начало 2015 года библиотека была ранее использована на 17018 вебсайтах, и продолжает использоваться на 29039 сайтах, в том числе на 55 из 10 тысяч наиболее популярных[3], например, на сайте компании Philips[4].
Особенности
- Декларативное связывание
- Автоматическое обновление интерфейса при изменении состояния данных модели
- Отслеживание зависимостей
- Прототипирование с использованием как собственных так и сторонних механизмов (например, jquery.tmpl)
Пример
В данном примере, два текстовых поля привязаны к отслеживаемым переменным в модели данных. В случае изменения их значений будет вызвана функция, меняющая значение fullName, что соответственно изменит значение в представлении (HTML).
View (HTML)
<p>First name: <input data-bind="value: firstName" /></p>
<p>Last name: <input data-bind="value: lastName" /></p>
<p>Full name: <strong data-bind="text: fullName"></strong></p>
View Model (JavaScript)
function ViewModel() {
this.firstName = ko.observable("Joe");
this.lastName = ko.observable("Bloggs");
this.fullName = ko.computed(function() {
return this.firstName() + " " + this.lastName();
}, this);
}
ko.applyBindings(new ViewModel());
См. также
Примечания
- ↑ Последний релиз
- ↑ Steven Sanderson's blog post 'Hello, Microsoft' . blog.stevensanderson.com (3 ноября 2010). Дата обращения: 22 октября 2014.
- ↑ Статистика использования Knockout.js на вебсайтах (англ.).
- ↑ Использование Knockout.js на вебсайтах (англ.).
Литература
- Munro, J. Knockout.js: Building Dynamic Client-Side Web Applications. — O'Reilly Media, 2014. — 102 p. — ISBN 9781491914328.
- Munro, J. ASP. NET MVC 5 with Bootstrap and Knockout. Js: Building Dynamic, Responsive Web Applications. — O'Reilly Media, Incorporated, 2015. — 200 p. — ISBN 9781491914397.
- Messora, R. Web App Testing Using Knockout.JS. — Packt Publishing Ltd, 2014. — 154 p. — ISBN 9781783982851.
- Moran, T. Mastering KnockoutJS. — 2014. — 270 p. — ISBN 9781783981014.
Ссылки
- knockoutjs.com — официальный сайт Knockout.js
- Knockout MVC: A framework integrating KnockoutJS into ASP.NET (англ.)
- Knockout JS: Helping you build dynamic JavaScript UIs with MVVM and ASP.NET (англ.)
- Using Isotope with Knockout.js (англ.)
- Примеры Knockout.js (англ.)