APIの紹介
以下はofa.js APIの概要です。必要な場合に備えて最初に一度ご覧いただき、詳細なドキュメントを参照する際に再度ご確認ください。
インスタンス関連
- $:インスタンスを取得するためのメソッド
- all:関連するすべてのインスタンスを取得する
- prev:対象要素の前のインスタンスを取得する
- prevs:対象要素の前のすべてのインスタンスを取得する
- next:対象要素の後ろのインスタンスを取得する
- nexts:対象要素の後ろのすべてのインスタンスを取得する
- siblings:対象要素のすべての隣接する要素のインスタンスを取得する
- parent:親要素のインスタンスを取得する
- parents:すべての親要素のインスタンスの集合を取得する
- clone:インスタンスをクローンするためのメソッド
- ele:インスタンスの実際のネイティブ要素を取得する
- shadow:カスタムコンポーネントの影のルートノードを取得する
- root:対象インスタンスのルートノードを取得する
- 子元素:数字で子要素を直接取得する
- host:対象の app 要素のインスタンスを取得する
ノード操作
- 子ノードの追加または削除
- before:ターゲットインスタンスの前に要素を追加する
- after:ターゲットインスタンスの後ろに要素を追加する
- remove:ターゲット要素を削除する
- wrap:ターゲット要素を要素で包む
- unwrap:ターゲット要素から包んでいる要素を取り除く
プロパティ操作
- text:ターゲット要素のテキストを取得または設定します
- html:ターゲット要素のHTMLコードを取得または設定します
- attr:ターゲット要素のattributesを取得または設定しま
- css:ターゲット要素のスタイルを取得または設定します
- style:ターゲット要素のネイティブスタイルを取得します
- classList:ターゲット要素のネイティブclassリストを取得します
- data:ターゲット要素のネイティブデータセットを取得します
イベントに関連する
テンプレート構文
- テキストのレンダリング:テンプレートファイルでテキストを素早くレンダリングします。
- クラス:テンプレートファイルでクラス名を素早くレンダリングします。
- 同期:データをテンプレートファイに素早く同期します。
- 条件付きレンダリング:テンプレートファイルで必要な場合にコンテンツをレンダリングします。
- リストのレンダリング:テンプレートファイルで配列データを素早くレンダリングします
ライフサイクル
- created:コンポーネントが作成され、コンテンツがレンダリングされていない状態でトリガーされます。
- ready:コンポーネントが作成され、コンテンツがレンダリングされた後にトリガーされます。
- watch:コポーネントの初期化が完了し、値が変更された後にトリガーされます。
- loaded:コンポーネントの埋め込みリソースがロードされた後にトリガーされます。
- attached:コンポーネントがドキュメントに追加された後にトリガーされます。
- detached:コンポーネントがドキュメントから削除された後にトリガーされます。
- routerChange:アプリケーションのルートが変更された時に、内包された親ページでトリガーされます。
ほか
- ボックスモデル:対象要素の関連するすべてのサイズに関するデータを取得します
- formData:フォームデータを便利にバインドおよび取得します
- タグ:対象のタグ名を取得します
- インデックス:対象要素の親要素内での順序を取得します
- is:対象要素がCSSセレクタ式に一致するかどうかを判断します
- refresh:コンポーネントのインターフェースをアクティブに更新します
- PATH:コンポーネントまたはページの登録ファイルのアドレスを取得します
- extend:インスタンスのデータまたはメソッドを拡張します;ofa.jsの下層のデータまたはメソッドを拡張します;
- version:インポートされているofa.jsのバージョン番号を取得します
- インスタンスデータの特徴:インスタンスデータのサブオブジェクトデータの特性、データの変更をどのように監視するかを紹介します