bem core

Bem-Core 도서관

bem-core 에 대한 문서는 훨씬 더 유익한 방식으로 BEM.Info에서도 제공됩니다. 러시아어로도 제공됩니다.

이게 뭔가요?

bem-core 웹 인터페이스 개발을위한 기본 라이브러리입니다. 클라이언트 측 JavaScript 및 템플릿을 코딩하기위한 최소 스택을 제공합니다.

사용

bem-core 와 함께 프로젝트를 실행하는 가장 쉬운 방법은 프로젝트 스터브를 사용하는 것입니다.

도서관을 프로젝트에 포함시키기 위해 익숙한 다른 방법을 사용할 수 있습니다.

내부에

레벨

• common.blocks - 모든 장치 및 브라우저에 적합합니다
• desktop.blocks - 데스크탑 브라우저에 사용해야합니다
• touch.blocks 일부 터치 플랫폼 세부 사항을 구현하십시오

블록

• i-bem -JS 및 HTML을위한 도우미가있는베이스 블록
• strings -JS 스트링을위한 도우미
• objects -JS-Objects의 도우미
• functions -JS- 기능을위한 도우미
• events -JS-Events
• querystring - QueryString과의 작업을위한 도우미
• tick - 글로벌 타이머
• idle - 유휴 이벤트
• next-tick - nextTick / setTimeout(0, ...)
• inherit - OOP 도우미
• jquery - jQuery
• clearfix - CSS Clearfix 트릭
• identify -JS-Objects를 식별하십시오
• cookie - 브라우저 쿠키 작업을위한 도우미
• vow - 약속/A+ 구현
• dom - Dom과의 일을위한 도우미
• loader - JS 파일 용 로더
• ua - 브라우저에는 감지 기능이 있습니다
• keyboard - 키보드 도우미
• page - HTML/헤드/바디 스캐 폴드

기술

• Vanilla.js + Browser.js
• bemhtml
• Bemtree

API

자가 생성 JSDOC API는 BEM.Info에서 찾을 수 있습니다. 예를 들어 i-bem JSDOC는 여기 https://en.bem.info/platform/libs/bem-core/current/desktop/i-bem/#jsdoc입니다

changelog

ChangeLog 페이지에서 ChangEleg를 확인할 수 있습니다.

이주

전에 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 보고서를 볼 수 있습니다.

전체 코드 커버리지 통계는 Coverals의 Bem-Core 프로필 페이지에서 찾을 수 있습니다.

테스트는 ENB-BEM-SPECS 라이브러리로 구축됩니다. 세부 사항을 확인하십시오 (러시아어로만 가능).

지원되는 브라우저

우리의 브라우저 지원 정책은 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+
• 안드로이드 2.3+
• 오페라 모바일 12+
• Windows Phone 7+

부분적으로 준수합니다

• iOS 5
• 안드로이드 2.2

특허

코드 및 문서 Copyright 2012 Yandex LLC. Mozilla Public License 2.0에 따라 발표 된 코드.