Programmation
Qu'est-ce que la programmation Processus par lequel un ordinateur utilise un certain langage de programmation pour écrire du code afin de résoudre un certain problème et finalement obtenir le résultat.
Programme d'ordinateur
L'ordinateur peut être contrôlé par un ensemble d'instructions dans un langage informatique
Remarque: tout appareil capable d'exécuter du code est appelé un ordinateur, par exemple: guichet automatique, téléphone portable, robot intelligent, etc.
Langages informatiques
Le langage informatique est le langage de communication entre les humains et les ordinateurs, et est le moyen de transmettre des informations entre les humains et les ordinateurs.
Langage informatique: langage de haut niveau en langage d'assemblage en langage machine
L'ordinateur reconnaît enfin le langage binaire, qui est composé de 0 et 1.
Language de machine
Le langage machine est un langage binaire composé de binaire, qui fait généralement référence à 0 et 1
Langue d'assemblage
汇编语言和机器语言本质相同 都是直接对计算机硬件进行操作，但指令符采用英文缩写的标识符，更便于记忆和缩写
Langage de haut niveau
Le langage de haut niveau fait référence au langage C ++ java Phython go javascript etc.
La différence entre le langage de balisage et le langage de programmation
- Le langage de balisage est lu passivement, il n'y a pas du tout de logique
- Le langage de programmation est logique et peut être lu activement
Bases de l'informatique
Composition informatique
Unité de stockage de données
Séquence d'exécution du programme
Lorsque le programme est en cours d'exécution, le code du programme est transféré du disque dur vers la mémoire et le processeur lit les données de la mémoire.
La mémoire utilise de l'électricité et le disque dur utilise un processeur mécanique pour lire les données de la mémoire
Apprendre à connaître javascript
javascript的发明者：布兰登.艾奇，在1995年仅利用10天的时间便发明javascript,最初在网景公司命名为Livescript,后改名为javascript
Qu'est-ce que javascript?
Le langage de script qui s'exécute sur le client. Langage de script côté serveur: Node.js (exécuté de haut en bas)
Le rôle de javascript
- validation de formulaire
- Développement APP
- développement de jeu
- Interaction avec la page Web
- Développement côté serveur
La relation entre HTML / CSS / Javascript
- HTML CSS est un langage de balisage, lire passivement les données
- Javascript est un langage de haut niveau, il prendra l'initiative de lire les données, et il a une logique forte.
Le processus d'exécution du navigateur de javascript
Le navigateur est divisé en deux parties: moteur de rendu moteur JS
- Moteur de rendu: fait généralement référence au noyau du navigateur, principalement utilisé pour analyser le HTML, le CSS, etc.
- Moteur Js: utilisé pour analyser le code Js. Le moteur JS le plus connu: le moteur Chorme V8
Précautions
Le moteur JS est aussi communément appelé un compilateur. Le navigateur lui-même n'exécute pas les instructions js. Le moteur js compilera et exécutera les instructions js ligne par ligne.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// js引擎会逐行执行js代码 解析一行运行一行
alert("尧子陌");
alert('临风笑却世间');
</script>
</head>
<body>
</body>
</html>
La composition de Javascript
Javascript: ECMAscript (le noyau de grammaire de js) DOM (modèle d'objet de document) BOM (modèle d'objet de navigateur)
- ECMAscript: les fonctions de langage de base de Javascript (Netscape) et JScript (Microsoft)
- DOM: Fournir des excuses et des méthodes pour accéder et exploiter le contenu du site Web
- BOM: fournir des interfaces et des méthodes d'interaction avec le navigateur
Première expérience Javascript
Js en ligne
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="China" onclick="alert('中国 我爱你')">
</body>
</html>
Js intégré
<script type="text/javascript">
alert("hello 中国")
</script>
Lien externe JS
My.js
alert('hello word')
<script src="./My.js"></script>
Précautions
- Lors de l'utilisation de JS externe, n'ajoutez aucun contenu entre les éléments de script
- Essayez de ne pas utiliser inline js, cela augmentera la structure DOM et ralentira la vitesse de chargement de la page.
Commentaires Javascript
Les commentaires Javascript sont divisés en commentaires sur une seule ligne et en commentaires sur plusieurs lignes
- Commentaire sur une seule ligne: //
- Commentaire multiligne / * * /
Touches de raccourci dans le code
Instructions d'entrée et de sortie en js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
prompt('请输入china')
alert('恭喜你 输入的内容正确')
console.log('2020');
</script>
</html>
variable
Variables: les variables ne sont que des espaces réservés pour enregistrer des valeurs. Vous pouvez obtenir des données via le nom de la variable et même modifier les données.
Précautions
L'essence est de demander un espace de la mémoire pour stocker des données
Utilisation de variables
- 1. Déclarer des variables
- 2. Cession
<script>
// 1.声明变量
var age;
// 2.赋值
age = 18;
// 在控制台打印
console.log(age)
</script>
Initialisation des variables
La variable est déclarée et affectée en même temps, var est un opérateur et le nom de la variable équivaut à un identifiant.
<script>
// 声明变量的同时直接赋值
var name = "尧子陌";
console.log(name)
</script>
Cas variable
La console imprime les informations personnelles
<script>
// 声明变量
var name ="尧子陌";
var age = 24;
var sex = "男";
var site = "南阳";
//在控制台进行打印
console.log(name);
console.log(age);
console.log(sex);
console.log(site)
</script>
L'utilisateur entre son nom et il apparaît sur la page Web
<script>
var username = prompt('请输入姓名');
alert('你的姓名:' + username);
</script>
Expansion variable
Mettre à jour la variable
Une fois les heures variables réattribuées, la valeur sera soumise à la dernière et la valeur d'origine sera écrasée
<script>
// 初始化变量
var age = 12;
// 重新赋值
age = 20;
// 在控制台打印
console.log(age) //20
</script>
Déclarez plusieurs variables en même temps
Déclarez plusieurs variables en même temps, la fin du code doit se terminer par une virgule
<script>
// 同时声明多个变量
var name = '尧子陌',
age = '18',
sex = '男',
site = '南阳';
// 在控制台打印
console.log(name, age, sex, site)
</script>
Autres situations
- 1. Déclarer uniquement sans cession
- 2. Sans déclaration et uniquement cession
- 3. Sans déclaration ni cession
<script>
//只声明 不赋值的情况下
var age;
console.log(age) //undefined
//不声明 只赋值的情况下
sex = 20;
console.log(sex) //20
// 不声明 不赋值的情况下
console.log(num)
</script>
Règles pour les noms de variables
- 1. Distinguer strictement les grands et les petits
- 2. Se compose de lettres, de traits de soulignement et de chiffres $
- 3. Impossible de commencer par un nombre
- 4. Les noms de variable doivent être significatifs
- 5. Suivez la dénomination en cas de chameau, c'est-à-dire que la première lettre est en minuscule et que la première lettre des mots suivants doit être en majuscule.
- 6. Impossible d'utiliser des mots clés et des mots réservés dans js
Remarque: vous ne pouvez pas utiliser le nom comme nom de variable
Échangez deux variables
Idées
- 1. Déclarez une température variable temporaire
- 2. Attribuez la valeur de num à temp
- 3. Attribuez la valeur de num2 à num
- 4. Attribuez la valeur de temp à num2
Remarque: la valeur à droite est affectée à la gauche
<script>
//1.声明一个临时变量temp
var temp;
//声明变量num num2
var num = 10;
var num2 = 20;
//把num的值赋值給temp
var temp = num;
//把num2的值赋值給num
var num = num2;
//把temp的值赋值給num2;
var num2 = temp;
console.log(num);
console.log(num2);
</script>
Résumé des variables
type de données
Dans l'ordinateur, les données occupent un espace de stockage différent et les types de données définis sont différents
JavaScript est un langage faiblement typé, et le type de données ne peut être déterminé qu'en cas d'affectation
<script>
var num = 20;
console.log(num); //20 数值型
var str = "hello word";
console.log(str); //hello word 字符串型
</script>
Classification des types de données
- Type de données simple: Number String Boolean Undefined Null
- Type de données complexe: objet
Numéro
Précautions
-
1. Le nombre comprend un nombre entier à virgule flottante (nombre décimal) Nombre hexadécimal octal binaire.MAX_VALUE (valeur maximale) Number.MIN_VALUE (valeur maximale) Infinity (infini positif) -Infinity (infini négatif) NaN (pas un nombre)
-
2. Ajoutez 0 à l'avant du système octal (0 ~ 8) et 0x (0 ~ 9 AF) à l'avant du système hexadécimal
-
3. Tous les octaux et hexadécimaux seront convertis en décimal
<script>
var num = 20;
console.log(num); //整数
var num2 = 1.314;
console.log(num2) //浮点数
var num3 = 050;
console.log(num3) //八进制
var num4 = 0x5;
console.log(num4) //十六进制
console.log(Number.MAX_VALUE) //最大值
console.log(Number.MIN_VALUE); //最小值
console.log(Infinity) //正无穷大
console.log(-Infinity) //负无穷大
console.log("Hello" - 123); //NaN(非数值)
</script>
isNaN ()
isNaN()函数：判断里面的参数是否为非数值 为非数值则显示true 反之则显示false,参数会进行隐式转换
Précautions
Le résultat de isNaN (true) est faux, car true sera converti en 1 et le résultat de isNaN (false) est false, car false sera converti en 0
<script>
//判断是否是非数值
console.log(isNaN(20)); //false
console.log(isNaN("hello")) //true
</script>
Chaîne
Tout texte entre guillemets est appelé une chaîne dans JS, et les guillemets peuvent être des guillemets simples ou des guillemets doubles
Précautions
- La règle d'imbrication en js, simple extérieur et intérieur double, extérieur double intérieur simple.
- Dans des cas particuliers, vous devez utiliser des caractères d'échappement
<script>
var str = "hello 中国";
console.log(str)
var str2 = "我是一个'高富帅'的男孩子";
console.log(str2);
var str3 = "大家好\n我的名字叫做尧子陌";
console.log(str3)
</script>
Échappées
cas de chaîne
<script>
alert('酷热难耐，火辣的太阳底下，我挺拔的身姿，成为了最为独特的风景。\n 我审视四周，这里，是我的舞台， 我就是天地间的王者。\n 这一刻，我豪气冲天，终于大喊一声："收破烂啦～"')
</script>
Expansion de chaîne
- Chaîne + tout type = nouvelle formule de chaîne après l'épissage: les valeurs numériques sont additionnées et les caractères sont connectés
- La longueur de la chaîne peut être obtenue via l'attribut length
- Des chaînes peuvent être ajoutées aux variables, et le résultat est toujours un type de chaîne
<script>
var str = "my name is 尧子陌";
console.log(str.length) //通过length属性可以获取字符串的长度
var str = "hello";
console.log(str + "尧子陌"); //拼接之后的字符串
alert(str + "尧子陌") //拼接之后的字符串
</script>
Cas de l'âge de la chaîne
étape
- 1. Une boîte de saisie apparaît et l'utilisateur entre l'âge
- 2. Enregistrez le résultat d'entrée sous la forme d'une variable et concaténez-le avec la chaîne requise
- 3. Utilisez alerte pour faire apparaître une boîte d'avertissement
<script>
/*
1.弹出一个输入框，用户输入年龄
2.把输入的结果用变量的形式保存起来，与所需要的字符串拼接起来
3.使用alert弹出警示框
*/
var age = prompt('请输入你的年龄');
var str = "你今年" + age + "岁";
alert(str)
</script>
Booléen
Les valeurs booléennes ont deux valeurs: vrai (vrai) et faux (faux)
'' 0 undefined null NaN sera converti en faux, et les autres valeurs seront converties en vrai \
Remarque: dans l'opération d'addition, true sera converti en 1 et false sera converti en 0
<script>
console.log(true + 1);
console.log(false + 1);
</script>
Indéfini
Si la déclaration n'est pas affectée, le résultat n'est pas défini
Remarque: ajoutez undefined à n'importe quelle valeur, le résultat est NaN (pas un nombre)
<script>
// 声明未赋值的 其结果为undefined
var age;
console.log(age);//undefined
var result= age+"2";
console.log(result);//undefined2
var result2 = age+2;
console.log(result2)//NaN
</script>
Nul
Null: représente un objet pointeur nul. Lors de l'ajout à une valeur dans une opération d'addition, Null sera converti en 0
<script>
// Null表示空对象指针
var car = null;
console.log(car + 1); //1
console.log(car + "2020"); //null2020
</script>
Type de
typeof: type de données de détection
<script>
//使用typeof 检测数据类型
var num = 10;
console.log(typeof num); //number
var str = "hello";
console.log(typeof str); //string
var flag = true;
console.log(typeof flag); //boolean
var age;
console.log(typeof age); //undefined
var N = null;
console.log(typeof null) //object
</script>
Distinguer le type de données par la couleur de la console
<script>
console.log(10);
console.log("尧子陌");
console.log(true)
console.log(undefined)
console.log(null)
</script>
Littéral
Littéral: une représentation à valeur fixe
- Nombre littéraux: 8 20 50 et ainsi de suite
- Chaîne littérale: "bonjour" "travail"
- Notation booléenne: vrai faux
Conversion de type de données
Convertir une variable d'un type de données en un autre type de données
Convertir en type chaîne
- Utilisez la méthode toString () pour convertir en chaîne
- Utilisez la fonction String pour convertir
- Utilisez le signe + pour une conversion implicite
- Utilisez toString () pour convertir le binaire en octal en décimal en hexadécimal
<script>
// 利用toString()方法转换成字符串
var num = 20;
console.log(num.toString()) //转换成字符串
//利用String函数进行转换
var num2 = 25;
console.log(String(num2));
//利用+号进行隐式转换
var num4 = 30;
console.log(""+num4);
// 利用toString()可以输出2进制 8进制 16进制等等
var num6 = 20;
console.log(num6.toString(2)) //转换成2进制
console.log(num6.toString(8)) //转换成8进制
console.log(num6.toString(10)) //转换成10进制
console.log(num6.toString(16)) //转换成16进制
</script>
Convertir en numérique
- parseInt (): convertir en entier
- parseFloat (): Convertir en virgule flottante
- Number (): la conversion forcée "" sera convertie en 0 vrai sera converti en 1 faux sera converti en 0
- Utilisez- * / dans les opérateurs arithmétiques pour la conversion implicite
- Lorsque parseInt, parseFloat et number rencontrent un paramètre qui ne commence pas par un nombre, NaN sera affiché
<script>
/* parseInt():转换成整数
parseFloat():转换成浮点数
Number():强制转换 ""会转换成0 true会转换成1 false会被转换成0
利用算数运算符中的 - * / 进行隐式转换
parseInt和parseFloat及number遇到非数字开头的参数，会显示NaN
*/
var num = '20';
console.log(parseInt(num)); //20
var num2 = '1.1314';
console.log(parseFloat(num2)); //1.1314
var num3 = '';
console.log(Number(num3)); //0
var num4 = '520';
console.log(num4 - ''); //520
var num5 = 'bull2020';
console.log(parseInt(num5)); //NaN
</script>
Exemple de calcul de l'âge d'un utilisateur
- Une boîte de saisie apparaît et l'utilisateur entre sa date de naissance
- Enregistrez l'âge de l'utilisateur en tant que variable et soustrayez la valeur de la variable saisie par l'utilisateur avec l'année de cette année pour obtenir votre propre résultat (traité dans le programme)
- Faites apparaître une boîte d'avertissement, affichez le résultat
<script>
var username = prompt('请输入出生的日期');
var age = 2020 - Number(username);
alert('你今年' + age + '岁')
</script>
Additionneur simple
-
1. La première zone de saisie apparaît et l'utilisateur entre le numéro et l'enregistre en tant que variable
-
2. La deuxième zone de saisie apparaît et l'utilisateur entre le numéro et l'enregistre en tant que variable
-
3. Utilisez parseFloat pour la conversion de données et ajoutez deux variables
-
4. Utilisez alerte pour afficher les résultats
<script>
var username1 = prompt('请输入第一个数值');
var username2 = prompt('请输入第二个数值');
var result = parseFloat(username1) + parseFloat(username2);
alert(result)
</script>
Booléen
Boolean (): les valeurs négatives seront converties en faux, les autres valeurs seront converties en vrai
- 0 "" null non défini NaN sera converti en faux
- Le reste des valeurs sera converti en vrai
<script>
//下面的值会被转换成false
console.log(Boolean('')) //false
console.log(Boolean(null)); //false
console.log(Boolean(NaN)); //false
console.log(Boolean(0)); //false
console.log(Boolean(undefined)); // false
//下面的值会被转换成true
console.log(Boolean('hello'));
console.log(Boolean(2020));
</script>
Cas d'informations personnelles
Remarque: vous devez utiliser le caractère d'échappement d'épissage de chaîne de boîte de dialogue d'alerte de la zone de saisie, etc.
<script>
var name = prompt("请输入名字");
var age = prompt("请输入年龄");
var sex = prompt("请输入性别");
alert('姓名:'+name+'\n'+'年龄:'+age+'\n'+'性别:'+sex+'\n')
</script>
La différence entre le langage compilé et le langage interprété
La seule différence entre une langue compilée et une langue interprétée est que le moment de la traduction est différent.
Les exemples sont les suivants
Tout comme un dîner, le langage compilé équivaut à manger les plats ensemble, et le langage interprété équivaut à manger un pot chaud, mijoter et manger en même temps.
Mots-clés de mot réservé identifiant
- L'identifiant fait référence au nom donné par le développeur pour l'attribut de fonction variable.
- Le mot-clé fait référence au mot que JS a utilisé ne peut pas être utilisé comme nom de variable, nom de fonction
- Les mots réservés sont des mots clés qui seront utilisés à l'avenir
Pour résumer
-
NaN == NaN Cette phrase est fausse, NaN n'est égal à aucune valeur, y compris NaN lui-même
-
La fonction isNaN () est utilisée pour détecter si les paramètres à l'intérieur ne sont pas numériques. La valeur de isNaN (true) est false, car true sera converti en 1 par défaut
-
La valeur de isNaN (false) est false, car false sera converti en 0 par défaut
-
undefined == null Cette phrase est correcte, undefined est dérivé de Null
-
La virgule dans js conserve le type de données d'origine et le signe plus est une chaîne concaténée (pour la console)