Skip to content

Commit

Permalink
docs: [RU] Translation update (#1823)
Browse files Browse the repository at this point in the history
Co-authored-by: Alex Sokolov <4497128+Alex-Sokolov@users.noreply.github.com>
  • Loading branch information
Alex-Sokolov and Alex-Sokolov committed Jul 6, 2021
1 parent b179fb9 commit 689075d
Show file tree
Hide file tree
Showing 3 changed files with 17 additions and 5 deletions.
4 changes: 2 additions & 2 deletions docs/ru/guide/pre-processors.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ module.exports = {

### Передача глобальных переменных

`sass-loader` также поддерживает опцию `prependData`, которая позволяет вам передавать общие переменные во все обрабатываемые файлы без необходимости везде их явно импортировать:
`sass-loader` также поддерживает опцию `additionalData`, которая позволяет вам передавать общие переменные во все обрабатываемые файлы без необходимости везде их явно импортировать:

``` js
// webpack.config.js -> module.rules
Expand Down Expand Up @@ -222,7 +222,7 @@ module.exports = {
}
```

Конфигурация TypeScipt может быть выполнена через `tsconfig.json`. Также смотрите документацию для [ts-loader](https://github.com/TypeStrong/ts-loader).
Конфигурация TypeScript может быть выполнена через `tsconfig.json`. Также смотрите документацию для [ts-loader](https://github.com/TypeStrong/ts-loader).

## Pug

Expand Down
16 changes: 14 additions & 2 deletions docs/ru/guide/scoped-css.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,14 +62,26 @@
.a[data-v-f3f3eg9] .b { /* ... */ }
```

Некоторые пре-процессоры, такие как Sass, не могут правильно обработать `>>>`. В таких случаях используйте комбинатор `/deep/` или `::v-deep` — оба псевдонимы для `>>>` и работают аналогично.
Некоторые пре-процессоры, такие как Sass, не могут правильно обработать `>>>`. В таких случаях используйте комбинатор `/deep/` или `::v-deep` — оба псевдонимы для `>>>` и работают аналогично. На основе примера выше, эти два выражения будут скомпилированы в один и тот же результат:

``` html
<style scoped>
.a::v-deep .b { /* ... */ }
</style>
```

``` html
<style scoped>
.a /deep/ .b { /* ... */ }
</style>
```

## Динамически генерируемый контент

DOM-содержимое, создаваемое с помощью `v-html` не попадает под область действия локальных стилей, но вы всё равно можете его стилизовать с помощью глубоких селекторов.

## О чём следует помнить

- **Локальные стили не устраняют необходимость классов.** Из-за того как браузеры рендерят различные CSS-селекторы, `p { color: red }` может быть в разы медленнее при использовании в локальных стилях (например, когда комбинируется с селектором по атрибуту). Если же вы используете классы или ID, такие как `.example { color: red }`, тогда вы практически полностью исключаете ухудшение производительности. [Вот пример](https://stevesouders.com/efws/css-selectors/csscreate.php) где можете проверить разницу самостоятельно.
- **Локальные стили не устраняют необходимость классов.** Из-за того как браузеры рендерят различные CSS-селекторы, `p { color: red }` может быть в разы медленнее при использовании в локальных стилях (например, когда комбинируется с селектором по атрибуту). Если же вы используете классы или ID, такие как `.example { color: red }`, тогда вы практически полностью исключаете ухудшение производительности.

- **Будьте внимательны с селекторами потомков в рекурсивных компонентах!** Для CSS-правила с селектором `.a .b`, если элемент, который соответствует `.a` содержит рекурсивный компонент потомок, тогда все `.b` в этом компоненте потомке будут также соответствовать правилу.
2 changes: 1 addition & 1 deletion docs/zh/guide/pre-processors.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ module.exports = {

### 共享全局变量

`sass-loader` 也支持一个 `prependData` 选项,这个选项允许你在所有被处理的文件之间共享常见的变量,而不需要显式地导入它们:
`sass-loader` 也支持一个 `additionalData` 选项,这个选项允许你在所有被处理的文件之间共享常见的变量,而不需要显式地导入它们:

``` js
// webpack.config.js -> module.rules
Expand Down

0 comments on commit 689075d

Please sign in to comment.