Skip to content

Commit

Permalink
fix el.clientHeight, close camsong#135
Browse files Browse the repository at this point in the history
  • Loading branch information
会影 committed Feb 13, 2017
1 parent fe537b5 commit 4133997
Show file tree
Hide file tree
Showing 14 changed files with 227 additions and 227 deletions.
2 changes: 1 addition & 1 deletion README-es.md
Original file line number Diff line number Diff line change
Expand Up @@ -378,7 +378,7 @@ En lugar de los selectores comunes como clase, id o atributos podemos usar `docu
const paddingBottom = parseFloat(styles.paddingBottom);
return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
}
// Precisión de integer(when `border-box`, it's `height`; when `content-box`, it's `height + padding + border`
// Precisión de integer(when `border-box`, it's `height - border`; when `content-box`, it's `height + padding`
el.clientHeight;
// Precisión de decimal(when `border-box`, it's `height`; when `content-box`, it's `height + padding + border`
el.getBoundingClientRect().height;
Expand Down
40 changes: 20 additions & 20 deletions README-fr.md
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
```js
// jQuery
$el.closest(queryString);
// Natif - Seulement le dernier, ne fonctionne pas sous IE
el.closest(selector);
Expand Down Expand Up @@ -345,7 +345,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
const paddingBottom = parseFloat(styles.paddingBottom);
return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
}
// précis à l'entier près (quand `border-box`, son `height`; quand `content-box`, son `height + padding + border`)
// précis à l'entier près (quand `border-box`, son `height - border`; quand `content-box`, son `height + padding`)
el.clientHeight;
// précis à la décimale près (quand `border-box`, son `height`; quand `content-box`, son `height + padding + border`)
el.getBoundingClientRect().height;
Expand All @@ -354,7 +354,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
- [2.3](#2.3) <a name='2.3'></a> Position et offset
+ Position
Récupère les coordonnées courantes de l'élement relatif à l'offset parent.
```js
Expand All @@ -366,7 +366,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
```
+ Offset
Récupère les coordonnées courantes de l'élement relatif au document.
```js
Expand All @@ -385,7 +385,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
```
- [2.4](#2.4) <a name='2.4'></a> Défiler vers le haut
Récupère la position verticale courante de l'ascenseur pour cet élément.
```js
Expand All @@ -401,9 +401,9 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
## Manipulation du DOM
- [3.1](#3.1) <a name='3.1'></a> Supprimer
Supprime l'élément du DOM.
```js
// jQuery
$el.remove();
Expand All @@ -415,7 +415,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
- [3.2](#3.2) <a name='3.2'></a> Texte
+ Obtenir le texte
Récupère le contenu textuel combiné de l'élément en incluant ses descendants.
```js
Expand All @@ -427,7 +427,7 @@ De nos jours, les environnements frontend évoluent si rapidement que les naviga
```
+ Définir le text
Définit le contenu de l'élément à partir du texte spécifié.
```js
Expand Down Expand Up @@ -661,7 +661,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
// Natif
Array.isArray(range);
```
+ isWindow
Détermine si l'argument est une fenêtre.
Expand All @@ -687,7 +687,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
// Natif
Array.indexOf(item);
```
+ isNumeric
Détermine si l'argument est un nombre.
Expand Down Expand Up @@ -716,7 +716,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
return typeof value === 'function';
}
```
+ isEmptyObject
Vérifie si un objet est vide (ne contient aucune propriétés énumérables).
Expand Down Expand Up @@ -771,7 +771,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
```
+ trim
Supprime les espaces au début et à la fin d'une chaine de caractères String.
```js
Expand Down Expand Up @@ -809,7 +809,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
array.forEach(function(value, index) {
});
```
+ grep
Trouve les éléments d'un tableau qui satisfont avec une fonction filtre.
Expand All @@ -823,7 +823,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
array.filter(function(value, index) {
});
```
+ type
Détermine la [[Class]] interne JavaScript d'un objet.
Expand All @@ -835,7 +835,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
// Natif
Object.prototype.toString.call(obj).replace(/^\[object (.+)\]$/, '$1').toLowerCase();
```
+ merge
Fusionne le contenu de deux tableau dans un seul tableau.
Expand Down Expand Up @@ -888,7 +888,7 @@ La plupart des utilitaires se trouvent dans l'API native. D'autres fonctions ava
```
- [6.2](#6.2) <a name='6.2'></a> Contient
Vérifie si un élément du DOM est un descendant d'un autre élément du DOM.
```js
Expand Down Expand Up @@ -1010,7 +1010,7 @@ Une promesse représente le résultat éventuel d'une opération asynchrone. jQu
}, 1000);
});
}
// Avec deferred
function defer() {
let resolve, reject;
Expand Down Expand Up @@ -1149,7 +1149,7 @@ Une promesse représente le résultat éventuel d'une opération asynchrone. jQu
el.style.height = '0px';
}
```
- [8.8](#8.8) <a name='8.8'></a> Animate
Réalise une animation personnaliée à partir d'une collection de propriétés CSS.
Expand All @@ -1164,7 +1164,7 @@ Une promesse représente le résultat éventuel d'une opération asynchrone. jQu
el.style[key] = params[key];
})
```
## Alternatives
* [You Might Not Need jQuery](http://youmightnotneedjquery.com/) - Des exemples sur comment faire un simple évènement, ajax etc avec du javascript pur.
Expand Down
2 changes: 1 addition & 1 deletion README-id.md
Original file line number Diff line number Diff line change
Expand Up @@ -375,7 +375,7 @@ Untuk selector-selector umum seperti class, id atau attribute, kita dapat menggu
const paddingBottom = parseFloat(styles.paddingBottom);
return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
}
// accurate to integer(when `border-box`, it's `height`; when `content-box`, it's `height + padding + border`
// accurate to integer(when `border-box`, it's `height - border`; when `content-box`, it's `height + padding`
el.clientHeight;
// accurate to decimal(when `border-box`, it's `height`; when `content-box`, it's `height + padding + border`
el.getBoundingClientRect().height;
Expand Down
8 changes: 4 additions & 4 deletions README-it.md
Original file line number Diff line number Diff line change
Expand Up @@ -171,11 +171,11 @@ Al posto di comuni selettori come class, id o attributi possiamo usare `document
```js
// jQuery
$el.closest(queryString);
// Nativo - Solo ultimo, NO IE
el.closest(selector);
// Nativo - IE10+
// Nativo - IE10+
function closest(el, selector) {
const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
Expand Down Expand Up @@ -380,7 +380,7 @@ Al posto di comuni selettori come class, id o attributi possiamo usare `document
const paddingBottom = parseFloat(styles.paddingBottom);
return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
}
// preciso a intero(quando `border-box`, e' `height`; quando `content-box`, e' `height + padding + border`
// preciso a intero(quando `border-box`, e' `height - border`; quando `content-box`, e' `height + padding`
el.clientHeight;
// preciso a decimale(quando `border-box`, e' `height`; quando `content-box`, e' `height + padding + border`
el.getBoundingClientRect().height;
Expand Down Expand Up @@ -541,7 +541,7 @@ Al posto di comuni selettori come class, id o attributi possiamo usare `document
// Nativo
el.matches(selector);
```
**[⬆ back to top](#table-of-contents)**
## Ajax
Expand Down
36 changes: 18 additions & 18 deletions README-ja.md
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@ jQueryのセレクタと比べて以下の違いがあります。
// Native
document.querySelectorAll('selector');
```

- [1.1](#1.1) <a name='1.1'></a> クラス名による選択

```js
Expand Down Expand Up @@ -310,7 +310,7 @@ jQueryのセレクタと比べて以下の違いがあります。
```

+ スタイルを一括取得、一括設定する

複数のスタイルを一括で設定したいなら、oui-dom-utilsの[setStyles](https://github.com/oneuijs/oui-dom-utils/blob/master/src/index.js#L194)関数を参考にすると良いでしょう。

+ クラスを追加する
Expand Down Expand Up @@ -393,7 +393,7 @@ jQueryのセレクタと比べて以下の違いがあります。
const paddingBottom = parseFloat(styles.paddingBottom);
return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
}
// integerで取得(`border-box`の時は`height`が、`content-box`の時は`height + padding + border`が返る)
// integerで取得(`border-box`の時は`height - border`が、`content-box`の時は`height + padding`が返る)
el.clientHeight;
// decimalで取得(`border-box`の時は`height`が、`content-box`の時は`height + padding + border`が返る)
el.getBoundingClientRect().height;
Expand All @@ -402,7 +402,7 @@ jQueryのセレクタと比べて以下の違いがあります。
- [2.3](#2.3) <a name='2.3'></a> PositionとOffset

+ Position

offset parentを起点として、エレメントの座標を取得する。

```js
Expand Down Expand Up @@ -662,7 +662,7 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[
```js
// jQuery
$(selector).load(url, completeCallback)
// Native
fetch(url).then(data => data.text()).then(data => {
document.querySelector(selector).innerHTML = data
Expand Down Expand Up @@ -747,7 +747,7 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[
// Native
Array.isArray(array);
```

+ isWindow

windowかどうか判定する。
Expand Down Expand Up @@ -823,7 +823,7 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[
+ isPlainObject

`{}`もしくは`new Object`で生成されたオブジェクトであるか判定する。

```js
// jQuery
$.isPlainObject(obj);
Expand All @@ -844,10 +844,10 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[
```

+ extend

二つ以上のオブジェクトをマージする。
`object.assign`はECMAScript6のAPIですが、[polyfill](https://github.com/ljharb/object.assign)も利用できます。

```js
// jQuery
$.extend({}, defaultOpts, opts);
Expand All @@ -857,7 +857,7 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[
```

+ trim

前後の空白を除去する。

```js
Expand Down Expand Up @@ -885,7 +885,7 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[
+ each

配列やオブジェクトに対して繰り返し処理を行う。

```js
// jQuery
$.each(array, function(value, index) {
Expand Down Expand Up @@ -963,15 +963,15 @@ IE9以上なら[github/fetch](http://github.com/github/fetch)、IE8以上なら[

+ makeArray

配列形式のオブジェクトを配列に変換する。
配列形式のオブジェクトを配列に変換する。

```js
// jQuery
$.makeArray(arrayLike);
// Native
Array.prototype.slice.call(arrayLike);
// ES6なら
Array.from(arrayLike);
```
Expand Down Expand Up @@ -1098,7 +1098,7 @@ promiseは非同期処理の最終的な処理結果を表します。jQueryに
}, 1000);
});
}
// Deferred way
function defer() {
let resolve, reject;
Expand Down Expand Up @@ -1133,7 +1133,7 @@ promiseは非同期処理の最終的な処理結果を表します。jQueryに
$el.hide();
// Native
// show関数の詳細を見たければ次のURLを参照してください
// show関数の詳細を見たければ次のURLを参照してください
// https://github.com/oneuijs/oui-dom-utils/blob/master/src/index.js#L363
el.style.display = ''|'inline'|'inline-block'|'inline-table'|'block';
el.style.display = 'none';
Expand Down Expand Up @@ -1261,9 +1261,9 @@ promiseは非同期処理の最終的な処理結果を表します。jQueryに
## 対応ブラウザ

![Chrome](https://raw.github.com/alrra/browser-logos/master/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/firefox/firefox_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/internet-explorer/internet-explorer_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/opera/opera_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/safari/safari_48x48.png)
--- | --- | --- | --- | ---
Latest ✔ | Latest ✔ | 10+| Latest ✔ | 6.1+
--- | --- | --- | --- | ---
Latest ✔ | Latest ✔ | 10+| Latest ✔ | 6.1+

# ライセンス

MIT
MIT
Loading

0 comments on commit 4133997

Please sign in to comment.