bem core

BEM-COREライブラリ

bem-coreのドキュメントは、Bem.infoでもはるかに有益な方法で入手できます。ロシア語でも利用できます。

これは何ですか？

bem-coreは、Webインターフェイス開発のベースライブラリです。クライアント側のJavaScriptとテンプレートをコーディングするための最小限のスタックを提供します。

使用

bem-coreでプロジェクトを実行する最も簡単な方法は、プロジェクトスタブを使用することです。

慣れ親しんでいる他の方法を使用して、図書館をプロジェクトに含めることができます。

内部

レベル

• common.blocks - 任意のデバイスやブラウザに適しています
• desktop.blocks - デスクトップブラウザーに使用する必要があります
• touch.blocks - いくつかのタッチプラットフォームの詳細を実装します

ブロック

• i-bem - JSとHTMLのヘルパーを備えたベースブロック
• strings - JSストリングスのヘルパー
• objects - JS-Objectsのヘルパー
• functions - JS-Functionsのヘルパー
• events - JSイベント
• querystring - QueryStringの仕事のヘルパー
• tick - グローバルタイマー
• idle - アイドルイベント
• next-tick - nextTick / setTimeout(0, ...)
• inherit - oopヘルパー
• jquery - jquery
• clearfix - CSS ClearFixトリック
• identify - JS-Objectsを識別します
• cookie - ブラウザCookieを使用したヘルパー
• vow - 約束/A+実装
• dom - DOMでの仕事のヘルパー
• loader - JSファイル用のローダー
• ua - ブラウザ機能の検出
• keyboard - キーボードヘルパー
• page - HTML/ヘッド/ボディの足場

テクノロジー

• Vanilla.js + browser.js
• Bemhtml
• ベムリー

API

自動生成されたJSDOC APIは、bem.infoで見つけることができます。たとえば、 i-bemのjsdocはここにありますhttps://en.bem.info/platform/libs/bem-core/current/desktop/i-bem/#jsdoc

Changelog

ChangelogページでChangelogを確認できます。

移行

前にBEMを使用した場合は、移行指示を確認してください。

発達

ワーキングコピー

1. 必要なバージョンコードを取得します（例： v4 ）：

   $ git clone -b v4 git://github.com/bem/bem-core.git
   $ cd bem-core

2. 依存関係をインストールします。

   $ npm install

   export PATH=./node_modules/.bin:$PATHまたはローカルにインストールされたnpm依存関係を実行する代替方法が必要です。

3. 必要なすべてのライブラリをインストールします。

   $ npm run deps

4. テストをビルドして実行する（仕様）：

   $ npm test

5. 開発サーバーの実行：

   $ npm start

貢献する方法

貢献方法を参照してください。ガイドを参照してください。

モジュラーテスト

functions__debounceのデフォルトのテストバンドル：

$ magic make desktop.specs/functions__debounce

建築プロセスが終了した後、ターミナルでテストの結果を確認できます。

また、ブラウザロードでdesktop.specs/functions__debounce/spec-js+browser-js+bemhtml/spec-js+browser-js+bemhtml.htmlで視聴することもできます。

同じ方法で他のBEMエンティティのテストを実行します。これは.spec.jsファイルが装備されているもので機能します。

コードカバレッジ

コードカバレッジレポートを構築するにはISTANBUL_COVERAGE=yes環境変数をテストに追加するコマンドを追加します。

$ ISTANBUL_COVERAGE=yes magic make desktop.specs && istanbul report html

上記のように、より具体的なビルドターゲットを使用することにより、カバレッジでモジュラーテストを実行できます。

 $ ISTANBUL_COVERAGE=yes magic make desktop.specs/functions__debounce && istanbul report html

テスト終了後、お気に入りのブラウザでcoverage/index.htmlを開くことにより、カバレッジHTMLレポートを表示できます。

コードカバレッジ統計全体は、CoverallsのBEMコアプロファイルページにあります。

テストは、ENB-BEMスペックライブラリで構築されています。詳細を確認してください（ロシア語のみで利用可能）。

サポートされているブラウザ

当社のブラウザサポートポリシーは、Yandex Servicesから得られる統計に基づいています。

2％を超えるユーザーを持つブラウザは、0.5％以上の完全なサポートを受けています。新機能テストは、ユーザーが0.5％未満のブラウザ向けに提供されていません。

デスクトップ

完全に準拠しています

• Google Chrome 29+
• Firefox 24+
• Yandex 1.7+
• オペラ12.16
• MSIE 10.0
• MSIE 9.0
• MSIE 8.0
• オペラ12.15

部分的に準拠

• オペラ17.0
• オペラ16.0
• オペラ12.14
• オペラ12.2
• Firefox 23

触る

完全に準拠しています

• iOS 6+
• Android 2.3+
• Opera Mobile 12+
• Windows Phone 7+

部分的に準拠

• iOS 5
• Android 2.2

ライセンス

コードとドキュメントCopyright 2012 Yandex LLC。 Mozilla Public License 2.0の下でリリースされたコード。