{"action":"created","comment":{"url":"https://api.github.com/repos/bem/bem-method/pulls/comments/31517958","id":31517958,"diff_hunk":"@@ -0,0 +1,199 @@\n+# Основные понятия БЭМ\n+\n+* [Блок](#block)\n+* [Элемент](#elem)\n+* [Модификатор](#mod)\n+* [БЭМ-сущность](#entity)\n+* [Микс](#mix)\n+* [БЭМ-дерево](#bem-tree)\n+* [Реализация блока](#implement)\n+* [Технология реализации блока](#techs)\n+* [Переопределение блока](#redefine)\n+* [Уровень переопределения](#level)\n+\n+<a name=\"block\"></a>\n+## Блок\n+\n+Логически и функционально независимый компонент страницы. Блоки с DOM-представлением инкапсулируют свои данные (логику, стили, шаблоны) в [DOM-дереве](https://ru.wikipedia.org/wiki/Document_Object_Model). Это позволяет скрыть их внутреннюю реализацию и обеспечить независимую работу. Взаимодействие блоков между собой происходит с помощью API.\n+\n+Типы блоков:\n+\n+* простые, например, логотип (блок `logo`);\n+* составные, содержащими в себе другие блоки, например, шапка (блок `head`) или форма авторизации (блок `auth`).\n+\n+![Составляющие блока Шапка](https://img-fotki.yandex.ru/get/15534/158800653.0/0_111fb2_7710ab3d_orig)\n+\n+Блоки можно перемещать и повторно использовать в пределах одной страницы, разных страниц или проектов.\n+\n+![Смена положения блоков](https://img-fotki.yandex.ru/get/16156/158800653.0/0_111fb3_2fec3fed_orig)\n+\n+![Смена положения блоков](https://img-fotki.yandex.ru/get/15542/158800653.0/0_111fb1_bcbc3c6a_orig)\n+\n+В интерфейсе может одновременно присутствовать несколько экземпляров одного и того же блока.\n+\n+![Товары в интернет-магазине](https://img-fotki.yandex.ru/get/15498/158800653.0/0_111fb0_fbb195e9_orig)\n+\n+<a name=\"elem\"></a>\n+## Элемент\n+\n+Составная часть блока, которая не может использоваться в отрыве от него.\n+\n+Например, пункт меню вне контекста блока меню не используется, значит является элементом.\n+\n+![Пункты меню](https://img-fotki.yandex.ru/get/15588/158800653.0/0_111fb6_192672cf_orig)\n+\n+>[Когда создавать блок, когда элемент?](../faq/faq.ru.md#block-vs-elem)\n+\n+>[Почему в методологии БЭМ не существует элементов элементов?](../faq/faq.ru.md#bem-elem-hierarchy)\n+\n+<a name=\"mod\"></a>\n+## Модификатор\n+\n+Свойство, определяющее внешний вид, состояние или поведение блока или элемента.\n+\n+Использование модификаторов опционально.\n+\n+По своей сути модификаторы похожи на атрибуты в HTML. Один и тот же блок выглядит по-разному благодаря применению модификатора:\n+\n+![Добавить меню в подвале](https://img-fotki.yandex.ru/get/16183/158800653.0/0_111fba_921b3c47_orig)\n+\n+<a name=\"entity\"></a>\n+## БЭМ-сущность\n+\n+БЭМ-сущностями называются блоки, элементы и модификаторы.\n+\n+Это понятие может применяться как частное, если рассматривается отдельная БЭМ-сущность, и как собирательное для блоков, элементов и модификаторов. \n+\n+<a name=\"mix\"></a>\n+## Микс\n+\n+Способ использования разных [БЭМ-сущностей](#entity) на одном [DOM-узле](https://ru.wikipedia.org/wiki/Document_Object_Model).\n+\n+Миксы позволяют:\n+\n+* совмещать поведение и стили нескольких БЭМ-сущностей без дублирования кода;\n+* создавать семантически новые компоненты интерфейса на основе имеющихся блоков.\n+\n+Рассмотрим пример микса блока и элемента другого блока.","path":"method/definitions/definitions-1.ru.md","position":77,"original_position":77,"commit_id":"f88bd91f03fafad473667d4f53580b9d14a28bab","original_commit_id":"f88bd91f03fafad473667d4f53580b9d14a28bab","user":{"login":"innabelaya","id":6286656,"avatar_url":"https://avatars.githubusercontent.com/u/6286656?v=3","gravatar_id":"","url":"https://api.github.com/users/innabelaya","html_url":"https://github.com/innabelaya","followers_url":"https://api.github.com/users/innabelaya/followers","following_url":"https://api.github.com/users/innabelaya/following{/other_user}","gists_url":"https://api.github.com/users/innabelaya/gists{/gist_id}","starred_url":"https://api.github.com/users/innabelaya/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/innabelaya/subscriptions","organizations_url":"https://api.github.com/users/innabelaya/orgs","repos_url":"https://api.github.com/users/innabelaya/repos","events_url":"https://api.github.com/users/innabelaya/events{/privacy}","received_events_url":"https://api.github.com/users/innabelaya/received_events","type":"User","site_admin":false},"body":"когда будет готов подробный документ про миксы, можно будет убрать пример и сослаться на отдельный документ. Сейчас пример лучше оставить. В TODO себе сделаю пометку, что при появлении докуемнта, убираем здесь информацию.","created_at":"2015-06-02T12:44:26Z","updated_at":"2015-06-02T12:44:26Z","html_url":"https://github.com/bem/bem-method/pull/238#discussion_r31517958","pull_request_url":"https://api.github.com/repos/bem/bem-method/pulls/238","_links":{"self":{"href":"https://api.github.com/repos/bem/bem-method/pulls/comments/31517958"},"html":{"href":"https://github.com/bem/bem-method/pull/238#discussion_r31517958"},"pull_request":{"href":"https://api.github.com/repos/bem/bem-method/pulls/238"}}},"pull_request":{"url":"https://api.github.com/repos/bem/bem-method/pulls/238","id":32519928,"html_url":"https://github.com/bem/bem-method/pull/238","diff_url":"https://github.com/bem/bem-method/pull/238.diff","patch_url":"https://github.com/bem/bem-method/pull/238.patch","issue_url":"https://api.github.com/repos/bem/bem-method/issues/238","number":238,"state":"open","locked":false,"title":"BEM definitions: doc added","user":{"login":"innabelaya","id":6286656,"avatar_url":"https://avatars.githubusercontent.com/u/6286656?v=3","gravatar_id":"","url":"https://api.github.com/users/innabelaya","html_url":"https://github.com/innabelaya","followers_url":"https://api.github.com/users/innabelaya/followers","following_url":"https://api.github.com/users/innabelaya/following{/other_user}","gists_url":"https://api.github.com/users/innabelaya/gists{/gist_id}","starred_url":"https://api.github.com/users/innabelaya/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/innabelaya/subscriptions","organizations_url":"https://api.github.com/users/innabelaya/orgs","repos_url":"https://api.github.com/users/innabelaya/repos","events_url":"https://api.github.com/users/innabelaya/events{/privacy}","received_events_url":"https://api.github.com/users/innabelaya/received_events","type":"User","site_admin":false},"body":"","created_at":"2015-04-02T15:07:44Z","updated_at":"2015-06-02T12:44:26Z","closed_at":null,"merged_at":null,"merge_commit_sha":"253e4f258423f53b18fd7c9753bcfce10295a055","assignee":null,"milestone":null,"commits_url":"https://api.github.com/repos/bem/bem-method/pulls/238/commits","review_comments_url":"https://api.github.com/repos/bem/bem-method/pulls/238/comments","review_comment_url":"https://api.github.com/repos/bem/bem-method/pulls/comments{/number}","comments_url":"https://api.github.com/repos/bem/bem-method/issues/238/comments","statuses_url":"https://api.github.com/repos/bem/bem-method/statuses/f88bd91f03fafad473667d4f53580b9d14a28bab","head":{"label":"bem:bem-definitions","ref":"bem-definitions","sha":"f88bd91f03fafad473667d4f53580b9d14a28bab","user":{"login":"bem","id":223412,"avatar_url":"https://avatars.githubusercontent.com/u/223412?v=3","gravatar_id":"","url":"https://api.github.com/users/bem","html_url":"https://github.com/bem","followers_url":"https://api.github.com/users/bem/followers","following_url":"https://api.github.com/users/bem/following{/other_user}","gists_url":"https://api.github.com/users/bem/gists{/gist_id}","starred_url":"https://api.github.com/users/bem/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bem/subscriptions","organizations_url":"https://api.github.com/users/bem/orgs","repos_url":"https://api.github.com/users/bem/repos","events_url":"https://api.github.com/users/bem/events{/privacy}","received_events_url":"https://api.github.com/users/bem/received_events","type":"Organization","site_admin":false},"repo":{"id":820900,"name":"bem-method","full_name":"bem/bem-method","owner":{"login":"bem","id":223412,"avatar_url":"https://avatars.githubusercontent.com/u/223412?v=3","gravatar_id":"","url":"https://api.github.com/users/bem","html_url":"https://github.com/bem","followers_url":"https://api.github.com/users/bem/followers","following_url":"https://api.github.com/users/bem/following{/other_user}","gists_url":"https://api.github.com/users/bem/gists{/gist_id}","starred_url":"https://api.github.com/users/bem/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bem/subscriptions","organizations_url":"https://api.github.com/users/bem/orgs","repos_url":"https://api.github.com/users/bem/repos","events_url":"https://api.github.com/users/bem/events{/privacy}","received_events_url":"https://api.github.com/users/bem/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/bem/bem-method","description":"BEM — a methodology how to develop web projects applicable for any technology","fork":false,"url":"https://api.github.com/repos/bem/bem-method","forks_url":"https://api.github.com/repos/bem/bem-method/forks","keys_url":"https://api.github.com/repos/bem/bem-method/keys{/key_id}","collaborators_url":"https://api.github.com/repos/bem/bem-method/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/bem/bem-method/teams","hooks_url":"https://api.github.com/repos/bem/bem-method/hooks","issue_events_url":"https://api.github.com/repos/bem/bem-method/issues/events{/number}","events_url":"https://api.github.com/repos/bem/bem-method/events","assignees_url":"https://api.github.com/repos/bem/bem-method/assignees{/user}","branches_url":"https://api.github.com/repos/bem/bem-method/branches{/branch}","tags_url":"https://api.github.com/repos/bem/bem-method/tags","blobs_url":"https://api.github.com/repos/bem/bem-method/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/bem/bem-method/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/bem/bem-method/git/refs{/sha}","trees_url":"https://api.github.com/repos/bem/bem-method/git/trees{/sha}","statuses_url":"https://api.github.com/repos/bem/bem-method/statuses/{sha}","languages_url":"https://api.github.com/repos/bem/bem-method/languages","stargazers_url":"https://api.github.com/repos/bem/bem-method/stargazers","contributors_url":"https://api.github.com/repos/bem/bem-method/contributors","subscribers_url":"https://api.github.com/repos/bem/bem-method/subscribers","subscription_url":"https://api.github.com/repos/bem/bem-method/subscription","commits_url":"https://api.github.com/repos/bem/bem-method/commits{/sha}","git_commits_url":"https://api.github.com/repos/bem/bem-method/git/commits{/sha}","comments_url":"https://api.github.com/repos/bem/bem-method/comments{/number}","issue_comment_url":"https://api.github.com/repos/bem/bem-method/issues/comments{/number}","contents_url":"https://api.github.com/repos/bem/bem-method/contents/{+path}","compare_url":"https://api.github.com/repos/bem/bem-method/compare/{base}...{head}","merges_url":"https://api.github.com/repos/bem/bem-method/merges","archive_url":"https://api.github.com/repos/bem/bem-method/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/bem/bem-method/downloads","issues_url":"https://api.github.com/repos/bem/bem-method/issues{/number}","pulls_url":"https://api.github.com/repos/bem/bem-method/pulls{/number}","milestones_url":"https://api.github.com/repos/bem/bem-method/milestones{/number}","notifications_url":"https://api.github.com/repos/bem/bem-method/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/bem/bem-method/labels{/name}","releases_url":"https://api.github.com/repos/bem/bem-method/releases{/id}","created_at":"2010-08-06T06:52:01Z","updated_at":"2015-05-27T07:47:27Z","pushed_at":"2015-06-01T11:08:08Z","git_url":"git://github.com/bem/bem-method.git","ssh_url":"git@github.com:bem/bem-method.git","clone_url":"https://github.com/bem/bem-method.git","svn_url":"https://github.com/bem/bem-method","homepage":"http://bem.info","size":26049,"stargazers_count":195,"watchers_count":195,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":60,"mirror_url":null,"open_issues_count":40,"forks":60,"open_issues":40,"watchers":195,"default_branch":"bem-info-data"}},"base":{"label":"bem:bem-info-data","ref":"bem-info-data","sha":"353fae1947d9ae85e8e7bb0f5b3af3bacaa83e13","user":{"login":"bem","id":223412,"avatar_url":"https://avatars.githubusercontent.com/u/223412?v=3","gravatar_id":"","url":"https://api.github.com/users/bem","html_url":"https://github.com/bem","followers_url":"https://api.github.com/users/bem/followers","following_url":"https://api.github.com/users/bem/following{/other_user}","gists_url":"https://api.github.com/users/bem/gists{/gist_id}","starred_url":"https://api.github.com/users/bem/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bem/subscriptions","organizations_url":"https://api.github.com/users/bem/orgs","repos_url":"https://api.github.com/users/bem/repos","events_url":"https://api.github.com/users/bem/events{/privacy}","received_events_url":"https://api.github.com/users/bem/received_events","type":"Organization","site_admin":false},"repo":{"id":820900,"name":"bem-method","full_name":"bem/bem-method","owner":{"login":"bem","id":223412,"avatar_url":"https://avatars.githubusercontent.com/u/223412?v=3","gravatar_id":"","url":"https://api.github.com/users/bem","html_url":"https://github.com/bem","followers_url":"https://api.github.com/users/bem/followers","following_url":"https://api.github.com/users/bem/following{/other_user}","gists_url":"https://api.github.com/users/bem/gists{/gist_id}","starred_url":"https://api.github.com/users/bem/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bem/subscriptions","organizations_url":"https://api.github.com/users/bem/orgs","repos_url":"https://api.github.com/users/bem/repos","events_url":"https://api.github.com/users/bem/events{/privacy}","received_events_url":"https://api.github.com/users/bem/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/bem/bem-method","description":"BEM — a methodology how to develop web projects applicable for any technology","fork":false,"url":"https://api.github.com/repos/bem/bem-method","forks_url":"https://api.github.com/repos/bem/bem-method/forks","keys_url":"https://api.github.com/repos/bem/bem-method/keys{/key_id}","collaborators_url":"https://api.github.com/repos/bem/bem-method/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/bem/bem-method/teams","hooks_url":"https://api.github.com/repos/bem/bem-method/hooks","issue_events_url":"https://api.github.com/repos/bem/bem-method/issues/events{/number}","events_url":"https://api.github.com/repos/bem/bem-method/events","assignees_url":"https://api.github.com/repos/bem/bem-method/assignees{/user}","branches_url":"https://api.github.com/repos/bem/bem-method/branches{/branch}","tags_url":"https://api.github.com/repos/bem/bem-method/tags","blobs_url":"https://api.github.com/repos/bem/bem-method/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/bem/bem-method/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/bem/bem-method/git/refs{/sha}","trees_url":"https://api.github.com/repos/bem/bem-method/git/trees{/sha}","statuses_url":"https://api.github.com/repos/bem/bem-method/statuses/{sha}","languages_url":"https://api.github.com/repos/bem/bem-method/languages","stargazers_url":"https://api.github.com/repos/bem/bem-method/stargazers","contributors_url":"https://api.github.com/repos/bem/bem-method/contributors","subscribers_url":"https://api.github.com/repos/bem/bem-method/subscribers","subscription_url":"https://api.github.com/repos/bem/bem-method/subscription","commits_url":"https://api.github.com/repos/bem/bem-method/commits{/sha}","git_commits_url":"https://api.github.com/repos/bem/bem-method/git/commits{/sha}","comments_url":"https://api.github.com/repos/bem/bem-method/comments{/number}","issue_comment_url":"https://api.github.com/repos/bem/bem-method/issues/comments{/number}","contents_url":"https://api.github.com/repos/bem/bem-method/contents/{+path}","compare_url":"https://api.github.com/repos/bem/bem-method/compare/{base}...{head}","merges_url":"https://api.github.com/repos/bem/bem-method/merges","archive_url":"https://api.github.com/repos/bem/bem-method/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/bem/bem-method/downloads","issues_url":"https://api.github.com/repos/bem/bem-method/issues{/number}","pulls_url":"https://api.github.com/repos/bem/bem-method/pulls{/number}","milestones_url":"https://api.github.com/repos/bem/bem-method/milestones{/number}","notifications_url":"https://api.github.com/repos/bem/bem-method/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/bem/bem-method/labels{/name}","releases_url":"https://api.github.com/repos/bem/bem-method/releases{/id}","created_at":"2010-08-06T06:52:01Z","updated_at":"2015-05-27T07:47:27Z","pushed_at":"2015-06-01T11:08:08Z","git_url":"git://github.com/bem/bem-method.git","ssh_url":"git@github.com:bem/bem-method.git","clone_url":"https://github.com/bem/bem-method.git","svn_url":"https://github.com/bem/bem-method","homepage":"http://bem.info","size":26049,"stargazers_count":195,"watchers_count":195,"language":null,"has_issues":true,"has_downloads":true,"has_wiki":true,"has_pages":true,"forks_count":60,"mirror_url":null,"open_issues_count":40,"forks":60,"open_issues":40,"watchers":195,"default_branch":"bem-info-data"}},"_links":{"self":{"href":"https://api.github.com/repos/bem/bem-method/pulls/238"},"html":{"href":"https://github.com/bem/bem-method/pull/238"},"issue":{"href":"https://api.github.com/repos/bem/bem-method/issues/238"},"comments":{"href":"https://api.github.com/repos/bem/bem-method/issues/238/comments"},"review_comments":{"href":"https://api.github.com/repos/bem/bem-method/pulls/238/comments"},"review_comment":{"href":"https://api.github.com/repos/bem/bem-method/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/bem/bem-method/pulls/238/commits"},"statuses":{"href":"https://api.github.com/repos/bem/bem-method/statuses/f88bd91f03fafad473667d4f53580b9d14a28bab"}}}}