bem core
v4.3.1
Die Dokumentation zu bem-core auf viel informativere Weise ist auch bei Bem.info verfügbar. Es ist auch in Russisch erhältlich.
bem-core ist eine Basisbibliothek für die Entwicklung von Webschnittstellen. Es bietet den minimalen Stack für das Codieren von clientseitigem JavaScript und Vorlagen.
Der einfachste Weg, ein Projekt mit bem-core durchzuführen, besteht darin, den Projekt-Stub zu verwenden.
Sie können andere Möglichkeiten verwenden, mit denen Sie vertraut sind, um die Bibliothek in das Projekt einzubeziehen.
common.blocks - geeignet für Geräte und Browserdesktop.blocks - sollten für Desktop -Browser verwendet werdentouch.blocks -Implementieren Sie einige Touch-Plattform-Einzelheiteni-bem -Basisblock mit Helfern für JS und HTMLstrings -Helfer für JS-Stringsobjects -Helfer für JS-Objektefunctions -Helfer für JS-Funktionenevents -JS-Eventsquerystring - Helfer für die Arbeit mit QueryStringtick - Globaler Timeridle - Leerlaufereignisnext-tick -Polyfill für nextTick / setTimeout(0, ...)inherit - OOP -Helferjquery - JQueryclearfix - CSS ClearFix Trickidentify -Identifizieren Sie JS-Objektecookie - Helfer für die Arbeit mit Browser -Keksenvow - Versprechen/A+ Implementierungdom - Helfer für die Arbeit mit DOMloader - Loader für JS -Dateienua - Browser zeigt Erkennungkeyboard - Tastaturhelferpage - HTML/Kopf-/Körpergerüst Die autogenerierte JSDOC -API ist auf Bem.info zu finden. EG JSDOC für i-bem ist hier
Sie können den Changelog auf der ChangeLog -Seite überprüfen.
Wenn Sie BEM zuvor verwendet haben, überprüfen Sie die Migrationsanweisungen.
Holen Sie sich den benötigten Versionscode (z. B. v4 ):
$ git clone -b v4 git://github.com/bem/bem-core.git
$ cd bem-coreInstallieren Sie die Abhängigkeiten:
$ npm install Sie benötigen export PATH=./node_modules/.bin:$PATH oder eine alternative Möglichkeit, lokal installierte npm Abhängigkeiten auszuführen.
Installieren Sie alle notwendigen Bibliotheken:
$ npm run depsErstellen und Ausführen von Tests (Spezifikationen):
$ npm testEntwicklungsserver ausführen:
$ npm startWeitere Informationen finden Sie unter dem Beitrag zur Anleitung.
Ein Standard -Testpaket für functions__debounce :
$ magic make desktop.specs/functions__debounceNach Abschluss des Bauprozesses können Sie die Ergebnisse der Tests im Terminal sehen.
Sie können sie auch in einem Browser ansehen desktop.specs/functions__debounce/spec-js+browser-js+bemhtml/spec-js+browser-js+bemhtml.html lädt.
Führen Sie Tests für andere BEM -Einheiten auf die gleiche Weise durch. Dies funktioniert für diejenigen, die mit .spec.js -Datei ausgestattet sind.
So erstellen Sie den Code -Abdeckungsbericht für den Bericht ISTANBUL_COVERAGE=yes -Umgebungsvariable für den Befehl Tests aus.
$ ISTANBUL_COVERAGE=yes magic make desktop.specs && istanbul report htmlSie können modulare Tests auch mit Abdeckung durchführen, indem Sie wie oben beschrieben mehr konkretes Build -Ziel verwenden.
$ ISTANBUL_COVERAGE=yes magic make desktop.specs/functions__debounce && istanbul report html
Nach dem Abschluss der Tests können Sie den HTML -Bericht der Deckung anzeigen, indem Sie coverage/index.html in Ihrem bevorzugten Browser eröffnen.
Die gesamten Codeabdeckungsstatistiken finden Sie auf der BEM-CORE-Profilseite auf Coveralls.
Tests werden mit einer ENB-BEM-Specs-Bibliothek erstellt. Überprüfen Sie die Details (nur in Russisch verfügbar).
Unsere Browser -Support -Richtlinie basiert auf Statistiken, die wir von Yandex -Diensten erhalten.
Browser mit mehr als 2% Benutzern erhalten eine vollständige konforme Unterstützung, mehr als 0,5% - teilweise konform (was bedeutet, dass Daten zugänglich sind, aber nicht 100% funktionieren). Neue Funktionstests werden von uns für Browser mit weniger als 0,5% Nutzern nicht bereitgestellt.
Code und Dokumentation Copyright 2012 Yandex LLC. Code, der unter der Mozilla Public Lizenz 2.0 veröffentlicht wurde.
