Knockout.js - это библиотека JavaScript с открытым исходным кодом для динамических пользовательских интерфейсов HTML с использованием модели Model-View-View Model (MVVM).

Knockout.js - это реализация библиотеки JavaScript с открытым исходным кодом шаблона пользовательского интерфейса Model-View-View Model (MVVM) в JavaScript и HTML.

Knockout.js - это чистая библиотека JavaScript без внешних зависимостей.

JavaScript работает с любыми веб-фреймворками.

К ключевым функциям Knockout.js относятся:

Свободный, с открытым исходным кодом (лицензия MIT) Small & amp; легкий - 55kb minified Declarative Bindings: легко ассоциировать элементы DOM с данными модели, используя сжатый, читаемый синтаксис. Двусторонняя привязка: при изменении состояния модели вашего представления ваш пользовательский интерфейс обновляется автоматически. Когда вы изменяете значения элемента формы, состояние модели представления обновляется автоматически. Отслеживание зависимостей. Неявно настраивать цепи отношений между данными модели, преобразовывать и комбинировать их. Templating: Быстрое создание сложных вложенных пользовательских интерфейсов в зависимости от ваших данных модели. Компоненты - 3.2.0+: элементы управления или виджеты, состоящие из автономных многоразовых фрагментов кода.

Полезные ссылки

Бесплатно, с открытым исходным кодом (лицензия MIT) Лицензия MIT Small & amp; «Knock Me Out», блог одного из участников Knockout Two -way привязка: Когда изменяется состояние модели вашего представления, ваш пользовательский интерфейс обновляется автоматически. Когда вы изменяете значения элемента формы, состояние модели представления обновляется автоматически. Последняя стабильная версия - knockout-3.4.0.js Отслеживание зависимостей: неявно настраивает цепи отношений между данными модели, преобразует и объединяет их . Внешние ссылки

Stack Snippet Starter Pack

HTML:

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-debug.js"></script> <p>First name: <input data-bind="value: firstName" /></p> <p>Last name: <input data-bind="value: lastName" /></p> <h2>Hello, <span data-bind="text: fullName"> </span>!</h2>

HTML :

[F2]