Pandyle

Pandyle — это MVVM-библиотека, основанная на jQuery. Она предоставляет базовые функции шаблонов и компонентов для jQuery. Pandyle придерживается философии дизайна «write less, do more», которая присуща jQuery, и фокусируется на простоте. Размер библиотеки составляет всего 7 КБ (после сжатия), она проста в изучении и использовании, а также стремится сократить объём кода, который необходимо написать разработчику, при этом сохраняя традиционный стиль написания кода с использованием jQuery.

Особенности:

• Простота: Pandyle очень прост в освоении, не требует изучения таких технологий, как webpack или ES6, и позволяет начать разработку после беглого просмотра документации.

• Хорошая совместимость: Совместимость Pandyle зависит от версии jQuery, поэтому можно использовать версию 1.X для обеспечения совместимости вплоть до IE8.

• Разделение ввода и модели представления: Pandyle использует класс inputs для независимой обработки пользовательского ввода, автоматически генерируя модель данных на основе атрибута name элементов формы.

• Синхронные операции: Все операции в Pandyle являются синхронными, обеспечивая чёткую логику кода и хорошую совместимость с другими плагинами jQuery.

• Ресурсные компоненты: В Pandyle компоненты рассматриваются как ресурсы, что позволяет загружать любые нужные компоненты аналогично загрузке изображений. Для этого достаточно указать путь к компоненту в инструкции p-com. Кроме того, в Pandyle можно легко использовать p-bind для динамического связывания компонентов, позволяя странице полностью адаптироваться под данные, как показано в примере ниже:

  <script> Pandyle.config({ comPath: { Default: './otherComponents/{name}.html', Menu: './otherComponents/menu/{name}.html', MyCom: './components/{name}.html' } }) var book1 = { title: 'book1', author: 'rrr', price: 20, num: 10, tags: ['tag1', 'tag2', 'tag3'] }; var list = [ { value: 1, name: '选项1' }, { value: 2, name: '选项2' } ] var vm = $('.main').vm({ components: [ { type: 'test' }, { type: 'MyCom.book', data: book1 }, { type: 'list', data: { title: '列表1', name: 'checkList', list: list } } ] }) </script>

  Сценарии использования:

  • Рефакторинг старых проектов: Это наиболее подходящий сценарий для использования Pandyle. Многие старые проекты содержат большое количество кода на jQuery и плагинов, и рефакторинг с использованием других фреймворков может потребовать значительных изменений. Pandyle позволяет выполнить рефакторинг MVVM с минимальными затратами.
  • Проекты с высокими требованиями к совместимости: Некоторые специализированные проекты могут по-прежнему требовать совместимости с браузерами, такими как IE8 или более ранние версии, и не подходят для использования трёх основных фреймворков. В таких случаях Pandyle может быть альтернативой.
  • Разработка для бэкенда: Pandyle дружелюбен к разработчикам бэкенда, которым не нужно осваивать современные инструменты и синтаксис фронтенда. Бэкенд-разработчики могут легко начать работу с Pandyle.
  • Небольшие проекты: Для небольших проектов разработка с использованием Pandyle может оказаться более эффективной. Если вам интересно, вы можете попробовать его.

  Документация:

  Смотрите документацию на wiki

  Общение:

  Присоединяйтесь к QQ-группе для технического общения: 524640426