xdiv

xdiv — это фреймворк для одностраничных приложений. В настоящее время он в основном используется для HTML5 HybridApp.

Его основная функция заключается в том, что он позволяет включать код из других HTML-файлов в основной HTML, делая код одностраничного приложения более удобным для обслуживания. Фреймворк зависит от JQuery и Animate.css. Если эффекты не требуются, Animate.css можно не использовать.

------------------------2015-11-11 version 0.0.2 -----------------------------

С праздником!

Добавлены ссылки на CSS и JS:
- importJS("js/index.js");
- importCSS("css/index.js");
Ссылки добавляются согласно файлу JSON:
- Имя файла dependency.js может быть любым.
- Содержание файла:
  - [{
  - "path":"css/animate.min.css",
  - "type":"css",
  - "remark":"animate 特效"
  - },{
  - "path":"css/bootstrap.min.cs",
  - "type":"css"
  - "remark":"bootstrap"
  - },{
  - "path":"js/animate.js",
  - "type":"js"
  - "remark":"特效应用"
  - }]
- remark — это комментарий. Может быть пустым.
- На страницу, где требуется добавить импорт, добавляется атрибут x-import="dependency.json":
- <html x-import="dependency.json">
- Рекомендации:
- 1. Атрибут должен быть добавлен в HTML или head (поскольку он связан с импортом файлов, его следует размещать как можно раньше).
- 1. Поскольку используется JQ, необходимо сначала импортировать jq, а затем xdiv.js.

------------------------2015-10-23 version 0.0.1 -----------------------------

Рекомендуется использовать метод слоёв для макета страницы. Например:

<div id="page1" x-div="index.html" page-name="index" isAsync="true">

isAsync — это асинхронность. По умолчанию используется синхронность, но это может вызвать проблемы со стилем сразу после входа на страницу. Эту проблему можно решить, загрузив страницу.

Вместо div можно использовать любой тег. Атрибуты xdiv и page-name обязательны. Значение атрибута должно соответствовать странице. Необходимо использовать page-name при переходе на другую страницу.

/**

Переход на другую страницу
@param {Object} fromName текущая страница
@param {Object} toName целевая страница
@param {Object} outAnimation эффект выхода
@param {Object} inAnimation эффект входа
@param {Object} delay задержка эффектов выхода и входа */ function toPage(fromName, toName, outAnimation, inAnimation, delay)

OSCHINA-MIRROR/msgcode-xdiv

xdiv

Комментарии ( 0 )

Введение

Обновления

Участники

Недавние действия

OSCHINA-MIRROR/msgcode-xdiv .gitee-modal { min-width: 500px !important; } .gitee-modal .close { right: 0.6rem !important; }

xdiv

Комментарии ( 0 )

Введение

Обновления

Участники

Недавние действия

OSCHINA-MIRROR/msgcode-xdiv