1. ホーム
  2. 開発者向け
  3. ブリック環境ユーティリティ

ブリック環境ユーティリティ

Blocs すべてがカスタムである一連の JavaScript ユーティリティ関数が含まれています。 Brics カスタム Bric Sandbox 内で実行するときに利用できます。

アライメント ユーティリティ

これらのアライメント ユーティリティは、カスタム内で使用できます。 Brics HTML 内の要素の配置を管理するためのロジック。

線形クラスを適用 applyAlignmentClass( ターゲット、位置、同期)

この関数が呼び出されると、関連する Bootstrap フレームワークのアライメント クラス ( テキスト開始 | テキストセンター | テキスト終了 ) 提供されたターゲット要素に対して、ブレークポイントをサポートし、既に適用されている可能性があるアクティブなブレークポイントの現在の配置クラスを置き換えます。 また、Bootstrap 4 のクラス名の違いも自動的に処理します ( テキスト-左 | テキストセンター | テキスト-右 ).

この関数には XNUMX つの変数が必要です。 最初の変数は、 ターゲット これは、あなたの要素へのJavaScript参照でなければなりません Brics HTML 例 $(“.my要素”). XNUMX 番目の変数は 位置、これは 0 から 2 までの値をサポートする整変数です。0 = 左派、1 = センター と2 = 右派. 最後に、XNUMX 番目の変数は、 sync ブール値。 この値を true に設定すると、 sync API呼び出し。

初心者向けのヒント

個々の呼び出しで複数の要素を調整する場合は、同期値を次のように設定する必要があります。 true 最終呼び出しで、不要な元に戻す状態が生成されるのを防ぎます。

アライメント状態を取得 getAlignmentState( ターゲット )

呼び出されると、この関数は、ターゲット要素で使用されている現在の Bootstrap フレームワーク アライメント クラスを取得します ( テキスト開始 | テキストセンター | テキスト終了 ) アクティブなブレークポイントと Bootstrap のバージョンに基づきます。 この関数は、0 (左)、1 (中央)、または 2 (右) のいずれかの整数値を返します。これを使用して、 Brics ユーザー インターフェイスを制御します。

この関数には XNUMX つの変数 (ターゲット) 内の要素への JavaScript 参照である必要があります Brics HTML 例 $(“.my要素”).

ナンバーユーティリティ

ランダムな整数を生成 getRandomInt(最小、最大)

呼び出されると、この関数は、指定された整数変数の最小値と最大値の間のランダムな整数値を生成して返します。

文字列ユーティリティ

アセットのエクスポート パスの取得 getAssetExportPath( 資産パス )

この関数は、指定されたローカル アセット パスのエクスポート パスを返します。 ローカル/ファイル/システム/ファイル名.jpg > img/ファイル名.jpg.

その他のユーティリティ

デバッグ bricデバッグ(文字列)

この関数が呼び出されると、デバッグ メッセージが生成されます。 Blocs 開発者コンソール。

30年2023月XNUMX日に更新

この記事は役に立ちましたか?

関連記事