From 1b156c319087d5d019ce2fbca06c8414b8f790dc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=B5=96=E5=BF=83=E5=A6=8D?= <2392642810@qq.com> Date: Thu, 26 Oct 2023 19:53:42 +0800 Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=80=E6=AC=A1=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...34\344\270\232\345\270\203\347\275\256.md" | 157 ++++++++++++++++++ 1 file changed, 157 insertions(+) create mode 100644 "03 \350\265\226\345\277\203\345\246\215/20231026 Day01\344\275\234\344\270\232\345\270\203\347\275\256.md" diff --git "a/03 \350\265\226\345\277\203\345\246\215/20231026 Day01\344\275\234\344\270\232\345\270\203\347\275\256.md" "b/03 \350\265\226\345\277\203\345\246\215/20231026 Day01\344\275\234\344\270\232\345\270\203\347\275\256.md" new file mode 100644 index 0000000..f300bff --- /dev/null +++ "b/03 \350\265\226\345\277\203\345\246\215/20231026 Day01\344\275\234\344\270\232\345\270\203\347\275\256.md" @@ -0,0 +1,157 @@ +# Day01 作业布置 + +## 一. 完成课堂所有的代码 + +```html + + + + + + Document + + + + 百度一次啊 +
+ + Google一下 + +
+ + demo3一下 + + + const bingEl = document.querySelector('#bing') + bingEl.onclick = function(){ + alert('demo3一下') + } +
+ + + + +``` + + 通常每条语句的后面我们会添加一个分号，表示语句的结束： + + 分号的英文是semicolon  当存在换行符（line break）时，在大多数情况下可以省略分号； + + JavaScript 将换行符理解成“隐式”的分号； + +这也被称之为自动插入分号（an automatic semicolon）； + +```js +// 单行注释 +/* 多行注释 */ +``` + +## 二. 简单聊聊JavaScript的历史(自己的话术来总结) + +| **发明人** | 布莱登·艾奇 | +| :----------- | :---------- | +| **时间** | **1995年** | +| **发明时长** | **10天** | +| **地点** | **美国** | + +1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。网景公司急需一种网页脚本语言，使得浏览器可以与网页互动 + +网景公司当时有两个选择：一个是采用现有的语言，比如Perl、Python、Tcl、Scheme等等，允许它们直接嵌入网页；另一个是发明一种全新的语言 + +这两个选择各有利弊。第一个选择，有利于充分利用现有代码和程序员资源，推广起来比较容易；第二个选择，有利于开发出完全适用的语言，实现起来比较容易 + +到底采用哪一个选择，网景公司内部争执不下，管理层一时难以下定决心 + +就在这时，发生了另外一件大事：1995年Sun公司将Oak语言改名为Java，正式向市场推出 + +Sun公司大肆宣传，许诺这种语言可以”一次编写，到处运行”（Write Once, Run Anywhere），它看上去很可能成为未来的主宰 + +网景公司动了心，决定与Sun公司结成联盟。它不仅允许Java程序以applet（小程序）的形式，直接在浏览器中运行；甚至还考虑直接将Java作为脚本语言嵌入网页，只是因为这样会使HTML网页过于复杂，后来才不得不放弃 + +总之，当时的形势就是，网景公司的整个管理层，都是Java语言的信徒，Sun公司完全介入网页脚本语言的决策。因此，Javascript后来就是网景和Sun两家公司一起携手推向市场的，这种语言被命名为”Java+script” + +## 三. 说说你对JS引擎的理解(自己的话术总结) + + JavaScript引擎就是一种程序虚拟机。 + +简单地说，JavaScript引擎能够“读懂”JavaScript代码，并准确地给出代码运行结果的一段程序。如*var a = 1 + 2;* JavaScript引擎的作用就是（解析）这行代码，并且将a的值变为3。 + +学过编译原理的人都知道，对于静态语言来说（如Java、C++、C），处理上述这些事情的叫**编译器（Compiler）**，相应地对于JavaScript这样的动态语言则叫**解释器（Interpreter）**。两者的区别： + +- **编译器是将源代码编译为另外一种代码（比如机器码，或者字节码）** +- **解释器是直接解析并将代码运行结果输出**。 比方说，firebug的console就是一个JavaScript的解释器。 + +## 四. JavaScript的交互方式有哪些？(后两种方式) + +| 交互方法 | 方法说明 | 效果查看 | +| -------------- | -------------- | -------------------- | +| alert | 接受一个参数 | 弹窗查看 | +| console.log | 接受多个参数 | 在浏览器控制台查看 | +| document.write | 接受多个字符串 | 在浏览器页面查看 | +| prompt | 接受一个参数 | 在浏览器接受用户输入 | + +```js +alert('nct') +undefined + +console.log('ENHYPEN') +VM290:1 ENHYPEN +undefined + +console.log('ENHYPEN','NCT') +VM353:1 ENHYPEN NCT +undefined + +a='ENHYPEN' +B='TXT' +console.log(a,B) +VM610:3 ENHYPEN TXT +undefined + +document.write('Straykids','iKON') +undefined + +prompt('TXT') +'12' +``` + +## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习) + +```js +类型 前缀 示例 +数组(Array) 　　　 　 a 　 　 　　 aItems +布尔值(Boolean) 　　 b 　 　 　　 bIsComplete +浮点数(Float) 　　 f 　　 　　 fPrice +函数(Function)　　　 　 fn 　 　　 fnHandler +整数(Integer) 　　　 　 i 　　 　　 iItemCount +对象(Object) 　　　　 o 　　 　　 oDIv1 +正则表达式(RegExp) re 　 　　 reEmailCheck +字符串(String) 　　 s 　　 　　 sUserName +变量(Variant)　　 　 　 v 　　 　　 vAnything +``` + +## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习) + +| **数据类型** | **说明：（四基两空一对象）** | +| --------------- | :----------------------------------------------------------- | +| Number数值 | JavaScript 数值类型不再细分整型、浮点型等，js 的所有数值都属于浮点型，64位浮点数 | +| String字符串 | 最抽象的数据类型，信息传播的载体，字符串必须包含在单引号、双引号或反引号之中，一个字符两个字节 | +| Boolean布尔值 | 最机械的数据类型，逻辑运算的载体，仅有两个值，true / false | +| Symbol符号类型 | ES6 引入的一种新的原始数据类型，表示独一无二的值，不常用 | +| null空值 | 表示不存在，当为对象的属性赋值为 null，表示删除该属性，使用 typeof 运算符检测 null 值，返回 Object | +| undefined未定义 | 当声明变量而没有赋值时会显示该值，可以为变量赋值为 undefined | +| Object对象 | 是一种无序的数据集合，内容是键值对的形式，键名（key）是字符串，可以包含任意字符（空格），字符串引号可省略。可以通过 Object.keys(obj) 打印出 obj 对象中的所有 key 值。读对象的属性时，如果使用 [ ] 语法，那么 JS 会先求 [ ] 中表达式的值。如果使用点语法，那么点后面一定是 string 常量 | + + + + + + + -- Gitee