diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276.md" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/20241024js\347\254\254\344\270\200\350\257\276.md" similarity index 96% rename from "\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276.md" rename to "\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/20241024js\347\254\254\344\270\200\350\257\276.md" index 4b7fef801cbd470a94d732345f595d1cdadb338d..fda891bcce47bf09af5a1eca237c3ce7546a2434 100644 --- "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276.md" +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/20241024js\347\254\254\344\270\200\350\257\276.md" @@ -1,443 +1,443 @@ -第一章,与君初相见 -第一节 -JavaScript 简介 -JavaScript 是什么: - -JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译,可直接在浏览器上运行。 - -JavaScript 由什么组成: - -ECMAScript (基础语法)和 Web APIs (DOM、BOM)。 - -ECMAScript: 规定了js基础语法核心知识。 -比如:变量、分支语句、循环语句、对象等等 -Web APIs : -DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 -BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等 -感受一下 - -JavaScript 书写位置 -JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中,有三种方式: - -1.内部方式 -通过 script 标签包裹 JavaScript 代码 - - - - - - JavaScript 基础 - 内部引入方式 - - - - - - -2.外部方式 -一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 script 标签的 src 属性引入 - -// demo.js -document.write('前端技术!') - - - - - JavaScript 基础 - 外部引入方式 - - - - - - -如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示: - - - - - - JavaScript 基础 - 外部引入方式 - - - - - - -3.行内方式 -在HTML文档中可以在标签、标签中使用JavaScript脚本作为它们的属性值。 - - - - - - JavaScript 基础 - 行内引入方式 - - - - 测试 - - - -注释和结束符 -通过注释可以屏蔽代码被执行或者添加备注信息,JavaScript 支持两种形式注释语法: - -单行注释 -使用 // 注释单行代码 - - - - - - JavaScript 基础 - 注释 - - - - - - -多行注释 -使用 /* */ 注释多行代码 - - - - - - JavaScript 基础 - 注释 - - - - - - -注:编辑器中单行注释的快捷键为 ctrl + /、多行注释快捷键为alt + shift + a - -结束符 -在 JavaScript 中 ; 代表一段代码的结束,多数情况下可以省略 ; 使用回车(enter)替代。 - - - - - - JavaScript 基础 - 结束符 - - - - - - -对于初学者,建议以;号来结束代码; - -文档输出内容 -向 body 内输出内容 - -// 输出一段文字内容 -document.write("我是 JS 输出的内容"); - -// 输出一个一级标签 -document.write("

我是一个一级标签

"); -网页弹出警示框 - -alert("网页弹窗"); -向控制台输出内容,常用于调试 - -console.log("控制台输出内容"); -输入语法 -显示对话框,对话框内包含一段文字信息,用来提示用户输入内容 - -prompt("请输入一段内容"); -代码执行顺序 -按照 HTML 文档流顺序执行 JavaScript 代码 -alert() 和 prompt() 会跳过页面渲染先被执行 -定义:计算机用于存储数据的容器,可以让计算机有记忆。(注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器) - -变量的基本使用 -1.声明变量 -语法: - -let 变量名; -let 变量名 = 值, - 变量名 = 值; -声明变量有两部分构成:声明关键字、变量名 - -let 即关键字,所谓关键字是系统提供的专门声明变量的词语 - -let age; -let money; -let text; - -let num1 = 20, - num2 = 30; -2.变量赋值 -语法: - -// 声明变量 -let age; - -// 进行赋值 -age = 18; - -// 声明同时并赋值(变量的初始化) -let num = 20; -3.更新变量 -语法: - -// 变量初始化 -let age = 18; - -// 更新变量 -age = 19; -变量的其他初始化(不推荐使用) -let name = prompt("请输入姓名"); -变量的本质 -内存:计算机中存储数据的地方,相当于一个空间 -变量:程序在内存中申请的一块用于存放数据的小空间 -变量的命名规则与规范 -规则 -JavaScript 内部已占用于单词(关键字或保留字)不允许使用 -只能由下划线 _ 、字母、数字、 $ 组成,且不可以以数字开头 -字母严格区分大小写,如 Age 和 age 是不同的变量 -规范 -尽量保证变量具有一定的语义,见字知义 - -遵守小驼峰命名法:即第一个单词首字母小写,后面每个单词首字母大写 - -例: userName userId userNameOld - -关键字 -JavaScript 使用专门的关键字 let 和 var 来声明(定义)变量,在使用时需要注意一些细节: - -以下是使用 let 时的注意事项: - -允许声明和赋值同时进行 -不允许重复声明 -允许同时声明多个变量并赋值 -JavaScript 中内置的一些关键字不能被当做变量名 -以下是使用 var 时的注意事项: - -允许声明和赋值同时进行 -允许重复声明 -允许同时声明多个变量并赋值 -大部分情况使用 let 和 var 区别不大,但是 let 相较 var 更严谨,因此推荐使用 let,后期会更进一步介绍二者间的区别。 - -常量 -概念:使用 const 声明的变量称为“常量”。 - -使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。 - -命名规范:和变量一致 - -const PI = 3.14 -注意: 常量不允许重新赋值,声明的时候必须赋值(初始化) - -数据类型 -计算机世界中的万事万物都是数据。 - -计算机程序可以处理大量的数据,为了方便数据的管理,将数据分成了不同的类型: - -JavaScript的数据类型有数值,字符串,布尔, - -注:通过 typeof 关键字检测数据类型 - - - - - - JavaScript 基础 - 数据类型 - - - - - - -数值类型 number -即我们数学中学习到的数字,可以是整数、小数、正数、负数 - - - - - - JavaScript 基础 - 数据类型 - - - - - - -JavaScript 中的数值类型与数学中的数字是一样的,分为正数、负数、小数等。 - -字符串类型 string -通过单引号( '') 、双引号( "")或反引号`包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。 - -`反引号标记的字符串,叫模板字符串 - -注意事项: - -无论单引号或是双引号必须成对使用 -单引号/双引号可以互相嵌套,但是不以自已嵌套自已 -必要时可以使用转义符 \,输出单引号或双引号 - - - - - JavaScript 基础 - 数据类型 - - - - - - -布尔类型 -表示肯定或否定时在计算机中对应的是布尔类型数据,它有两个固定的值 true 和 false,表示肯定的数据用 true,表示否定的数据用 false。 - - - - - - JavaScript 基础 - 数据类型 - - - - - - -undefined -未定义是比较特殊的类型,只有一个值 undefined,只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。 - - - - - - JavaScript 基础 - 数据类型 - - - - - - -注:JavaScript 中变量的值决定了变量的数据类型。 - -类型转换 -理解弱类型语言的特征,掌握显式类型转换的方法 - -在 JavaScript 中数据被分成了不同的类型,如数值、字符串、布尔值、undefined,在实际编程的过程中,不同数据类型之间存在着转换的关系。 - -隐式转换 -某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换。 - - - - - - JavaScript 基础 - 隐式转换 - - - - - -注:数据类型的隐式转换是 JavaScript 的特征,后续学习中还会遇到,目前先需要理解什么是隐式转换。 - -**模板字符串用s{}实现变量与字符串的拼接 - -显式转换 -编写程序时过度依靠系统内部的隐式转换是不严禁的,因为隐式转换规律并不清晰,大多是靠经验总结的规律。为了避免因隐式转换带来的问题,通常根逻辑需要对数据进行显示转换。 - -Number -通过 Number 显示转换成数值类型,当转换失败时结果为 NaN(Not a Number)即不是一个数字。 - - - - - - JavaScript 基础 - 隐式转换 - - - - +第一章,与君初相见 +第一节 +JavaScript 简介 +JavaScript 是什么: + +JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译,可直接在浏览器上运行。 + +JavaScript 由什么组成: + +ECMAScript (基础语法)和 Web APIs (DOM、BOM)。 + +ECMAScript: 规定了js基础语法核心知识。 +比如:变量、分支语句、循环语句、对象等等 +Web APIs : +DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 +BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等 +感受一下 + +JavaScript 书写位置 +JavaScript 程序不能独立运行,它需要被嵌入 HTML 中,然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中,有三种方式: + +1.内部方式 +通过 script 标签包裹 JavaScript 代码 + + + + + + JavaScript 基础 - 内部引入方式 + + + + + + +2.外部方式 +一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 script 标签的 src 属性引入 + +// demo.js +document.write('前端技术!') + + + + + JavaScript 基础 - 外部引入方式 + + + + + + +如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示: + + + + + + JavaScript 基础 - 外部引入方式 + + + + + + +3.行内方式 +在HTML文档中可以在标签、标签中使用JavaScript脚本作为它们的属性值。 + + + + + + JavaScript 基础 - 行内引入方式 + + + + 测试 + + + +注释和结束符 +通过注释可以屏蔽代码被执行或者添加备注信息,JavaScript 支持两种形式注释语法: + +单行注释 +使用 // 注释单行代码 + + + + + + JavaScript 基础 - 注释 + + + + + + +多行注释 +使用 /* */ 注释多行代码 + + + + + + JavaScript 基础 - 注释 + + + + + + +注:编辑器中单行注释的快捷键为 ctrl + /、多行注释快捷键为alt + shift + a + +结束符 +在 JavaScript 中 ; 代表一段代码的结束,多数情况下可以省略 ; 使用回车(enter)替代。 + + + + + + JavaScript 基础 - 结束符 + + + + + + +对于初学者,建议以;号来结束代码; + +文档输出内容 +向 body 内输出内容 + +// 输出一段文字内容 +document.write("我是 JS 输出的内容"); + +// 输出一个一级标签 +document.write("

我是一个一级标签

"); +网页弹出警示框 + +alert("网页弹窗"); +向控制台输出内容,常用于调试 + +console.log("控制台输出内容"); +输入语法 +显示对话框,对话框内包含一段文字信息,用来提示用户输入内容 + +prompt("请输入一段内容"); +代码执行顺序 +按照 HTML 文档流顺序执行 JavaScript 代码 +alert() 和 prompt() 会跳过页面渲染先被执行 +定义:计算机用于存储数据的容器,可以让计算机有记忆。(注意:变量不是数据本身,它们仅仅是一个用于存储数值的容器) + +变量的基本使用 +1.声明变量 +语法: + +let 变量名; +let 变量名 = 值, + 变量名 = 值; +声明变量有两部分构成:声明关键字、变量名 + +let 即关键字,所谓关键字是系统提供的专门声明变量的词语 + +let age; +let money; +let text; + +let num1 = 20, + num2 = 30; +2.变量赋值 +语法: + +// 声明变量 +let age; + +// 进行赋值 +age = 18; + +// 声明同时并赋值(变量的初始化) +let num = 20; +3.更新变量 +语法: + +// 变量初始化 +let age = 18; + +// 更新变量 +age = 19; +变量的其他初始化(不推荐使用) +let name = prompt("请输入姓名"); +变量的本质 +内存:计算机中存储数据的地方,相当于一个空间 +变量:程序在内存中申请的一块用于存放数据的小空间 +变量的命名规则与规范 +规则 +JavaScript 内部已占用于单词(关键字或保留字)不允许使用 +只能由下划线 _ 、字母、数字、 $ 组成,且不可以以数字开头 +字母严格区分大小写,如 Age 和 age 是不同的变量 +规范 +尽量保证变量具有一定的语义,见字知义 + +遵守小驼峰命名法:即第一个单词首字母小写,后面每个单词首字母大写 + +例: userName userId userNameOld + +关键字 +JavaScript 使用专门的关键字 let 和 var 来声明(定义)变量,在使用时需要注意一些细节: + +以下是使用 let 时的注意事项: + +允许声明和赋值同时进行 +不允许重复声明 +允许同时声明多个变量并赋值 +JavaScript 中内置的一些关键字不能被当做变量名 +以下是使用 var 时的注意事项: + +允许声明和赋值同时进行 +允许重复声明 +允许同时声明多个变量并赋值 +大部分情况使用 let 和 var 区别不大,但是 let 相较 var 更严谨,因此推荐使用 let,后期会更进一步介绍二者间的区别。 + +常量 +概念:使用 const 声明的变量称为“常量”。 + +使用场景:当某个变量永远不会改变的时候,就可以使用 const 来声明,而不是let。 + +命名规范:和变量一致 + +const PI = 3.14 +注意: 常量不允许重新赋值,声明的时候必须赋值(初始化) + +数据类型 +计算机世界中的万事万物都是数据。 + +计算机程序可以处理大量的数据,为了方便数据的管理,将数据分成了不同的类型: + +JavaScript的数据类型有数值,字符串,布尔, + +注:通过 typeof 关键字检测数据类型 + + + + + + JavaScript 基础 - 数据类型 + + + + + + +数值类型 number +即我们数学中学习到的数字,可以是整数、小数、正数、负数 + + + + + + JavaScript 基础 - 数据类型 + + + + + + +JavaScript 中的数值类型与数学中的数字是一样的,分为正数、负数、小数等。 + +字符串类型 string +通过单引号( '') 、双引号( "")或反引号`包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。 + +`反引号标记的字符串,叫模板字符串 + +注意事项: + +无论单引号或是双引号必须成对使用 +单引号/双引号可以互相嵌套,但是不以自已嵌套自已 +必要时可以使用转义符 \,输出单引号或双引号 + + + + + JavaScript 基础 - 数据类型 + + + + + + +布尔类型 +表示肯定或否定时在计算机中对应的是布尔类型数据,它有两个固定的值 true 和 false,表示肯定的数据用 true,表示否定的数据用 false。 + + + + + + JavaScript 基础 - 数据类型 + + + + + + +undefined +未定义是比较特殊的类型,只有一个值 undefined,只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。 + + + + + + JavaScript 基础 - 数据类型 + + + + + + +注:JavaScript 中变量的值决定了变量的数据类型。 + +类型转换 +理解弱类型语言的特征,掌握显式类型转换的方法 + +在 JavaScript 中数据被分成了不同的类型,如数值、字符串、布尔值、undefined,在实际编程的过程中,不同数据类型之间存在着转换的关系。 + +隐式转换 +某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换。 + + + + + + JavaScript 基础 - 隐式转换 + + + + + +注:数据类型的隐式转换是 JavaScript 的特征,后续学习中还会遇到,目前先需要理解什么是隐式转换。 + +**模板字符串用s{}实现变量与字符串的拼接 + +显式转换 +编写程序时过度依靠系统内部的隐式转换是不严禁的,因为隐式转换规律并不清晰,大多是靠经验总结的规律。为了避免因隐式转换带来的问题,通常根逻辑需要对数据进行显示转换。 + +Number +通过 Number 显示转换成数值类型,当转换失败时结果为 NaN(Not a Number)即不是一个数字。 + + + + + + JavaScript 基础 - 隐式转换 + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/00.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/00.html" new file mode 100644 index 0000000000000000000000000000000000000000..fae2ae41a0ec5b5410a066c4b5ade70838b80b7d --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/00.html" @@ -0,0 +1,16 @@ + + + + + + Document + + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/01-\344\275\223\351\252\214js.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/01-\344\275\223\351\252\214js.html" new file mode 100644 index 0000000000000000000000000000000000000000..33d0b760a26ad1159acae565bd107fbd323bfac8 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/01-\344\275\223\351\252\214js.html" @@ -0,0 +1,30 @@ + + + + + + + + 体验JS + + + + + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" new file mode 100644 index 0000000000000000000000000000000000000000..a2bcc290c683ada11d30ca451ea02b2169b1cf79 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/02-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\206\205\351\203\250.html" @@ -0,0 +1,18 @@ + + + + + + + + Document + + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" new file mode 100644 index 0000000000000000000000000000000000000000..52ffc7fad9ffb9f7990afcf5ae06acd6f376898a --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/03-js\344\271\246\345\206\231\344\275\215\347\275\256-\345\244\226\351\203\250.html" @@ -0,0 +1,17 @@ + + + + + + + + Document + + + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html" new file mode 100644 index 0000000000000000000000000000000000000000..cc0aca56e6cb1f5833264d76d2e1419cc2fe7f56 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/04-js\344\271\246\345\206\231\344\275\215\347\275\256-\350\241\214\345\206\205.html" @@ -0,0 +1,19 @@ + + + + + + + + Document + + + + + + +测试 + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html" new file mode 100644 index 0000000000000000000000000000000000000000..2853c75747cf89420895579b4375934ef8ec4ec9 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/05-\347\273\223\346\235\237\347\254\246\344\270\216\346\263\250\351\207\212.html" @@ -0,0 +1,24 @@ + + + + + + + + Document + + + + + + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html" new file mode 100644 index 0000000000000000000000000000000000000000..91f1c5df174d04d2d0cd72211a2711137b52c5a1 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/06-\350\276\223\345\205\245\345\222\214\350\276\223\345\207\272\350\257\255\346\263\225.html" @@ -0,0 +1,26 @@ + + + + + + + + Document + + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/07-\345\217\230\351\207\217\347\232\204\344\275\277\347\224\250\344\270\216\346\233\264\346\226\260.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/07-\345\217\230\351\207\217\347\232\204\344\275\277\347\224\250\344\270\216\346\233\264\346\226\260.html" new file mode 100644 index 0000000000000000000000000000000000000000..a42aacce3dca344d5b3c302405276cf2d5f3e712 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/07-\345\217\230\351\207\217\347\232\204\344\275\277\347\224\250\344\270\216\346\233\264\346\226\260.html" @@ -0,0 +1,31 @@ + + + + + + + + Document + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" new file mode 100644 index 0000000000000000000000000000000000000000..e4db573dea7d34615532f31e9c3511b30588770e --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/08-\350\276\223\345\205\245\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" @@ -0,0 +1,23 @@ + + + + + + + + Document + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html" new file mode 100644 index 0000000000000000000000000000000000000000..473c978923d969fb0da2e87954e48f5f658a6bca --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/09-\344\272\244\346\215\2422\344\270\252\345\217\230\351\207\217.html" @@ -0,0 +1,31 @@ + + + + + + + + Document + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/my.js" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/my.js" new file mode 100644 index 0000000000000000000000000000000000000000..963edd234815771e7bccebf5a8eadf8eb551ebaf --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/my.js" @@ -0,0 +1 @@ +document.write('sb陈智宏') \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/test.js" "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/test.js" new file mode 100644 index 0000000000000000000000000000000000000000..45fab5ec38591fca11a92d1836ede6ceb7f5ed9a --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241024js\347\254\254\344\270\200\350\257\276/\346\241\210\344\276\213\346\274\224\347\244\272 - \347\273\203\344\271\240/js/test.js" @@ -0,0 +1 @@ +alert('sb陈智宏') \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/01\344\275\234\344\270\232.md" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/01\344\275\234\344\270\232.md" new file mode 100644 index 0000000000000000000000000000000000000000..c748384cf15d86c305598684db718ebfdeb8888d --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/01\344\275\234\344\270\232.md" @@ -0,0 +1,109 @@ +# 一、每日作业-JavaScript第01天 + +## 简答题 + +1.依次说明下面各打印语句的输出结果? + +```javascript + const num = 10 结果:10 + console.log( num + 11) 结果:21 + console.log( num + '11') 结果:1011 + console.log( num + +'11') 结果:21 +``` + +2.依次说明下面各打印语句的输出结果 + +```javascript +const num = 10 +console.log( typeof num + '11') number11 +console.log( typeof (num + '11')) string +console.log( typeof (num + +'11')) number +``` + +## 编程题 + +### 获取用户信息 + +- 题目描述 + + 依次询问并获取用户的姓名、年龄、性别,收集数据之后在控制台依次打印出来。 + + 具体表现如下图: + + + + + + +- 题目提示 + - 通过prompt来弹出提示框,收集用户信息 + + - 通过变量保存数据 + + ```html + let name = prompt("请输入姓名") + let age = prompt("请输入年龄") + let sex = prompt("请输入性别") + console.log("用户的姓名:"+ name) + console.log("用户的年龄:"+ age) + console.log("用户的性别:"+ sex); + ``` + + + +### 增加年龄 + +- 题目描述 + + 1、询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁 + + 2、增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能XX岁了” + + + + + +- 题目提示 + + - 通过prompt来弹出提示框,收集用户信息 + + - 通过变量保存数据 + + - 转换数据类型(需要预习第二天的数据类型转换哟) + + ```html + let add = 5 + let age = prompt("你现在多少岁了?") + let num=(Number(age)+add) + console.log("据我估计,五年后,你可能"+num+"岁了"); + ``` + + + +### 计算银行卡余额案例 + +- 题目描述 + + 1、用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。 + + 2、页面打印一个表格,计算出本月银行卡还剩下的余额。 + + + + +- 题目提示 + + - 思路: + + 1.我们需要5个变量:银行卡总额、水费、电费、网费、银行卡余额 + + 2.银行卡余额= 银行卡总额 – 水费 –电费 - 网费 + + 3.第一步准备5个变量接受输入的数据 + + 4.第二步计算银行卡余额 + + 5.第三步页面打印生成表格,里面填充数据即可。 + + 6.当然可以提前把html页面搭好。 + diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/01.html" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/01.html" new file mode 100644 index 0000000000000000000000000000000000000000..935363f9d4654f96f11c16e9843ecaacfba2a0ee --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/01.html" @@ -0,0 +1,19 @@ + + + + + + Document + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/02.HTML" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/02.HTML" new file mode 100644 index 0000000000000000000000000000000000000000..20eb14ad5b0c8be9e143401950e4ac7a35237939 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/02.HTML" @@ -0,0 +1,15 @@ + + + + + + Document + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/03.HTML" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/03.HTML" new file mode 100644 index 0000000000000000000000000000000000000000..f5a9980e8157fd5428efd8a09d052ff7897fc3c8 --- /dev/null +++ "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/HTML/03.HTML" @@ -0,0 +1,48 @@ + + + + + + Document + + + + + + + \ No newline at end of file diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/111.gif" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/111.gif" new file mode 100644 index 0000000000000000000000000000000000000000..31a2e8979085ff96ec951627d87e45cf4e29d49b Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/111.gif" differ diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2071.png" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2071.png" new file mode 100644 index 0000000000000000000000000000000000000000..1549cf229047038056f90d1dd76149ce787006e8 Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2071.png" differ diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2072(1).png" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2072(1).png" new file mode 100644 index 0000000000000000000000000000000000000000..0f110292ad76831ddc404b244c429aaf460f3bc2 Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2072(1).png" differ diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2073.png" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2073.png" new file mode 100644 index 0000000000000000000000000000000000000000..29658c842b24df64de50545ba5fda4f0c94a4706 Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2073.png" differ diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2074.png" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2074.png" new file mode 100644 index 0000000000000000000000000000000000000000..b7c62ea8ccb37642b45ba0c34e2e0b278a264bba Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2074.png" differ diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2075.png" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2075.png" new file mode 100644 index 0000000000000000000000000000000000000000..637858a9e59baea7673172c7559e13983f180de8 Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2075.png" differ diff --git "a/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2076.png" "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2076.png" new file mode 100644 index 0000000000000000000000000000000000000000..3e2142339d5cd913fb283cf314e4fa92767a25c6 Binary files /dev/null and "b/\345\205\263\346\235\276\346\266\233/20241025js\347\254\254\344\272\214\350\257\276/images/\345\233\276\347\211\2076.png" differ