Skip to content

Commit 36e7cdd

Browse files
committed
merging all conflicts
2 parents c653d1a + 23da191 commit 36e7cdd

File tree

4 files changed

+50
-0
lines changed

4 files changed

+50
-0
lines changed

1-js/02-first-steps/01-hello-world/article.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,11 @@ Alors, voyons d'abord comment intégrer un script à une page Web. Pour les envi
99

1010
## La balise "script"
1111

12+
<<<<<<< HEAD
1213
Les programmes JavaScript peuvent être insérés dans n'importe quelle partie d'un document HTML à l'aide de la balise `<script>`.
14+
=======
15+
JavaScript programs can be inserted almost anywhere into an HTML document using the `<script>` tag.
16+
>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
1317
1418
Par exemple :
1519

1-js/04-object-basics/01-object/article.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@ let user = {
9292
```
9393
Cela s'appelle une virgule "trailing" ou "hanging". Elle facilite l'ajout/suppression/déplacement des propriétés, car toutes les lignes se ressemblent.
9494

95+
<<<<<<< HEAD
9596
````smart header="L'objet avec const peut être modifié"
9697
Remarque: un objet déclaré comme `const` *peut* être modifié.
9798
@@ -117,6 +118,9 @@ Il existe une autre façon de créer des propriétés d'objet constantes, nous l
117118
````
118119

119120
## Crochets
121+
=======
122+
## Square brackets
123+
>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
120124
121125
Pour les propriétés multi-mots, l’accès par points ne fonctionne pas :
122126

1-js/04-object-basics/02-object-copy/article.md

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,9 +73,13 @@ admin.name = 'Pete'; // changé par la référence "admin"
7373
alert(*!*user.name*/!*); // 'Pete', les changements sont visibles sur la référence "user"
7474
```
7575
76+
<<<<<<< HEAD
7677
C'est comme si l'on avait un cabinet avec deux clés et que on l'on utilisait l'un d'elles (`admin`) pour y accéder. Puis, si l'on utilise plus tard la clé (`user`) on peut voir les changements.
7778
7879
## Comparaison par référence
80+
=======
81+
It's just as if we had a cabinet with two keys and used one of them (`admin`) to get into it. Then, if we later use another key (`user`) we can see changes.
82+
>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
7983
8084
Deux objets sont egaux seulement s'ils sont le même objet.
8185
@@ -230,7 +234,35 @@ Pour régler ça, on doit utiliser la boucle de clonage qui examine chaque valeu
230234
231235
On peut utiliser la récursion pour l'implémenter. Ou, pour ne pas réinventer la roue, prendre un implémentation existante. par exemple [_.cloneDeep(obj)](https://lodash.com/docs#cloneDeep) de la librairie [lodash](https://lodash.com).
232236
237+
<<<<<<< HEAD
233238
## Résumé
239+
=======
240+
```smart header="Const objects can be modified"
241+
An important "side effect" of storing objects as references is that an object declared as `const` *can* be modified.
242+
243+
For instance:
244+
245+
```js run
246+
const user = {
247+
name: "John"
248+
};
249+
250+
*!*
251+
user.name = "Pete"; // (*)
252+
*/!*
253+
254+
alert(user.name); // Pete
255+
```
256+
257+
It might seem that the line `(*)` would cause an error, but no. The value of `user` is constant, it must always reference the same object. But properties of that object are free to change.
258+
259+
In other words, the `const user` gives an error only if we try to set `user=...` as a whole, and that's all.
260+
261+
That said, if we really need to make constant object properties, it's also possible, but using totally different methods, we'll mention that in the chapter <info:property-descriptors>.
262+
```
263+
264+
## Summary
265+
>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
234266
235267
Les objets sont assignés et copiés par référence. En d'autres mots, une variable ne stocke pas la "valeur de l'objet" mais la "référence" (l'adresse en mémoire) de la valeur. Donc copier cette variable, ou la passer en argument d'une fonction, copie la référence, pas l'objet.
236268

2-ui/4-forms-controls/3-events-change-input/article.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -77,11 +77,21 @@ Par exemple, le code ci-dessous empêche tous ces événements et montre ce que
7777

7878
Veuillez noter qu'il est possible de copier/coller non seulement du texte, mais tout. Par exemple, nous pouvons copier un fichier dans le gestionnaire de fichiers du système d'exploitation et le coller.
7979

80+
<<<<<<< HEAD
8081
Il y a une liste de méthodes [dans la spécification](https://www.w3.org/TR/clipboard-apis/#dfn-datatransfer) qui peuvent fonctionner avec différents types de données, y compris des fichiers, en lecture/écriture dans le presse-papiers.
8182

8283
Mais veuillez noter que le presse-papiers est une chose "globale" au niveau du système d'exploitation. La plupart des navigateurs n'autorisent l'accès en lecture/écriture au presse-papiers que dans le cadre de certaines actions de l'utilisateur pour raison de sécurité, par ex: dans les gestionnaires d'événements `onclick`.
8384

8485
Il est également interdit de générer des événements de presse-papiers "personnalisés" avec `dispatchEvent` dans tous les navigateurs, à l'exception de Firefox.
86+
=======
87+
That's because `clipboardData` implements `DataTransfer` interface, commonly used for drag'n'drop and copy/pasting. It's bit beyound our scope now, but you can find its methods [in the specification](https://html.spec.whatwg.org/multipage/dnd.html#the-datatransfer-interface).
88+
89+
```warn header="ClipboardAPI: user safety restrictions"
90+
The clipboard is a "global" OS-level thing. So most browsers allow read/write access to the clipboard only in the scope of certain user actions for the safety, e.g. in `onclick` event handlers.
91+
92+
Also it's forbidden to generate "custom" clipboard events with `dispatchEvent` in all browsers except Firefox.
93+
```
94+
>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
8595
8696
## Récapitulatif
8797

0 commit comments

Comments
 (0)