第二阶段上课笔记

Day1

学习md语法：

1、md中#代表标题

2、英文的>是文章摘要，一个回车继续写，2个回车退出该次编辑。

例子：

文章摘要

3、英文*是无序列表，一个回车继续写，两个回车退出此次编辑。

无序列表：

例子：

• 无序列表
• 无序列表

4、英文的1.内容这是有序列表。

例子：

1. 有序列表
2. 有序列表

5、-[]内容，在横岗后面加空格，在中括号中加空格。

例子：

• 复选框
• 复选框

6、英文的三个反引号~

//代码块
alert("hello,word");

7、数学公式：$$+回车$$
\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \
\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \
\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \
\end{vmatrix}
$$

8、表格：|||几列写几个竖线

例子：

name	age	height

9、内容，两个**之间是加粗,两个下划线之间也是加粗。

10、倾斜，在一个*之间是倾斜。

11、下划线 两个U标签之间是下划线

12、水粉笔：水粉笔,一个反引号之间

13、备注效果：用[]中括号括起来里面+一个上箭头

例子：

今天¹

14、超链接

超链接

显示的内容

超链接

15、图片：

1、网络图片

!+[]+(图片路径)

2、本地图片

16、表情：:+表情的英文

😭

vscode 常用快捷键

1. Ctrl + / : 注释
2. Alt+B : 快速开启浏览器
3. 复制 : shift + alt + ↓
4. 移动 : alt + ↓
5. 格式化代码规范 : shift + alt + F
6. 折叠侧边栏 : Ctrl + B
7. ctr + ` => 切换vscode终端
8. 浏览器调出控制台
9. Ctrl+N : 新建
10. Ctrl + C : 复制 ( 光标在这一行即可)
11. Ctrl + X : 删除当前行
12. Ctrl+Z 撤销这一次操作
13. Ctrl+Shift+Z : 反撤销

js简单介绍

js的三大核心：

ES（ECMAscriput）js语法规范

BOM，浏览器对象模型—BOM browser object model 提供一整套操作浏览器的解决方案

DOM，document object model 提供一整套文档流相关的属性和方法。

js的使用方式：

行内：
a标签
<a href="javascript:alert(666)"></a>
非a标签
<div onclick="javascript:alert(888)"></div>
alert() 如果你想弹出纯数字 那么直接写数字就可以，不需要加引号。
如果弹出一段文字 比如hello 需要加单引号或者双引号
嵌套的时候注意，要么单引号包裹双引号 要么双引号包裹一对单引号。
不能交叉引用
js代码中除了中文 全部是英文输入法
内链：
行内需要触发才会执行代码 比如点击 或者鼠标移入 内敛是不需要的 自动执行
可以同时写多对，按照从上到下的顺序执行---
srcipt 可以写在head也可以写在body中，推荐写在结尾。
外链：
 如何引用js
 <script src="文字的地址"><scrtpt?>
相对路径：
.当前路径
..上一级
../../

输出的三种方式：

console.log();//在控制台输出
alert();//弹出
document.write('这是网页输出');

变量与书写规范：

	alert(1=1)//给cpu发送指令
	var 变量
	变量名规范：
	数字、字母、下划线、$组成。---不能以数字开头。
	js严格区分大小写。
	syntaxError语法错误；
	书写规范：
	见名识意  比如变量存放姓名 var username='zhangsan'
	驼峰命名法：大驼峰、小驼峰
	UserName大驼峰
	userFistName 小驼峰 从第二个单词开始，每个单词的首字母大写。

数据类型：

	分为两种：
	基本数据类型-------
	数值类型(number)
	科学计数法
	正无穷(Infinity)
	负无穷
	NaN
	字符串类型(String)
	布尔类型(boolean)
	null类型
	underfined类型
	复杂类型、引用类型-------
	对象类型(object)---类、数组
	函数类型(function)

查看数据类型：

	typeof --不是随便两个数据类型就能一起参与运算的。
	例子：var test=0xabc;
	console.log(typeof test);
	null是object的特殊类型
	${}可以解析变量

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DhKUpnZ5-1660983497285)(E:\上课笔记\千峰笔记\思维导图总结\day1.png)]

day2

数据类型转换：

  <script>
        //number()
        //转换的内容当做一个整体来处理
        //如果可以转成一个合法数字 则转换成数字
        //如果不能转成一个合法的数字 则转换成NaN
        //布尔强制转换成数值类型是1或者0;
        var num1='abc123';
        console.log(typeof num1);
        var num2=Number(num1);
        console.log(typeof num2);
        //parseInt()
      //不管转换成什么，都是一位一位的对待
      //如果第一位不能转成合法数字 那么就立马输出NaN然后停止转换
      //如果第一位能转成合法数字 那么保留第一位 然后继续看第二位
      //依次力推结束
      console.log(parseInt(num1,16));

        //parseFloat()
        //判断一个数值是否NaN
        //NaN跟任何数字运算，结果一定是NaN
        //NaN不等于NaN
        String()
        //任何类型都可以使用这个转成字符串
        toString()
//不能转undefined null
//任何类型都可以使用这个转成字符串
//变量.toString()
//数据.toString()
//布尔转换------------------------
//Boolean(0)
//空格转成true
//空白转成false
//0、0.0、NaN、""、''、false null underfined转换成的类型是false
//复杂数据类型 引用类型中 如果是空的 结果一定是flase
//转字符串、转数值、转布尔上面都是明着转换
    </script>

总结：

number：可以看做一个整体
''""----内容是数字就可以转出内容，如果是字符内容转出的就会是NaN.空格输出0。
underfined转数字是NaN
null--0
true--1
false--0
parseInt和parsefloat一位一位的弄，如果符合要求就留着，直到不符合要求就丢弃
number可以把true转成1，把false转成0。
NaN可以进行判断，isNaN--是非数值，满足要求就是true，不满足就是false。
NaN和任何数字运算都是NaN
String：任何类型都可以使用这个转成字符串
toString：把小括号的拿出来提到前面加上一个.toString
underfined被转化成string就是一个单词字符串了。
null被转化成string就是一个单词的null，原样显示。
转换成布尔-----
0、0.0、NaN、""、''、false null underfined转换成的类型是false
复杂数据类型 引用类型中 如果是空的 结果一定是flase
负无穷是true
正无穷是false

运算符：

赋值运算符：
==
+=
-=
*=
%=
/=

比较运算符：
结果一定是true/false
console.log(1==1)//true
console.log('1'==1)//true----==只是判断值是否相等
console.log('1'===1)//false----===值和类型是否相等
console.log('1'!='2')//判断值是否不相等，如果不相等true否则false
console.log('1!=='2')//判断值和类型是否不相等，如果不相等true否则false
比较运算符 结果一定是布尔类型
=赋值
==值是否相等
===值和类型是否都相等
underfined是null衍生出来的
underfined==null---true
underfined===null---false
console.log(1==ture)---true
console.log(1===ture)---false

逻辑运算符：
逻辑与：&&
两边都是true结果才是true
两边只要有一个是false整个结果都是false
逻辑或：||
两边只要有一个true，整个结果就是true
两边都是false，整个结果就是false
逻辑非：！
true->false false->true

自增自减运算符：
//++ 每次+1
//前置 ++变量
先把变量的值改变了，再用改变后的值参与运算
//后置 变量++
先把变量现在的值拿来参与运算，然后再参与运算
var test=10;
//console.log(test++);//10
//前置 --变量
先把变量的值改变了，再用改变后的值参与运算
//后置 变量--
先把变量现在的值拿来参与运算，然后再参与运算

分支结构：

if(条件){
执行语句 //满足条件进到这里 这个语句执行
}else{
执行语句 //不满足条件 进入到这里 这个语句执行
}
条件 结果 要么是真 要么假 所以不能出现 一个=
if(条件){
执行语句;
}else if(条件1){
执行语句;
}else if(条件2){
执行语句;
else{
执行语句;
}
如何输入内容：
 var score=parseFloat(prompt());
 prompt接受用户的输入，prompt()后面的括号里面是用来给客户提示的。

总结：

number数值、string字符串、boolean布尔类型、underfined未定、object
2、其他类型转字符类型的方法有哪些？
Number()括号中当做一个整体看待true 1 false 0
parseInt()一位一位的对待
parseFloat()
3、其他类型转字符类型的方法有哪些？
String()
to String()

day3

三元运算符：

条件？条件为真的值:条件为假的值
如果条件为真 那么输出冒号左边的 为假 输出冒号右边的

分支结构：

switch分支：
 <script>
        var acore=parseInt(prompt("请输入你的分数:"));
        switch(parseInt(acore/10)){
            case 10:
                console.log("A");
                break;
            case 9:
                console.log('B');
                break;
            case 8:
                console.log('C');
                break;
            case 7:
                console.log('D');
                break;
            case 6:
                console.log('E');
                break;
            default:
                console.log('你的成绩已经不符合标准');
                break;
        }
    </script>
    
    switch(条件){
    case  结果/情况：
          执行语句;
          break;//阻断程序往下执行
          //如果不写 就会继续穿透到下一个结果/情况 然后这个结果的代码
    case 结果2/情况2:
          执行语句2;
          break;
   default: //如果switch 括号里边的结果 都不在下面的case中
   //那么就会走到default
   		  执行语句3;
   		  break;

补充：
toFixed()//保留几位小数
逻辑与 逻辑或在一起，先执行逻辑与
逻辑非 和逻辑与在一起的时候先逻辑非
逻辑非！>逻辑与 && > 逻辑或||
==值相等 ===值和类型都相等
Object.is(数据1，数据2)---用来判断数据是否一致
判断两个数据是否一致 返回的是一个布尔类型的结果
如果为true说明两个数据一致

循环：

固定的内容组成：
1、初始化
2、条件判断
3、要执行的代码
4、自身改变
while(条件判断){
条件满足的执行的代码;
计数器++;
}
死循环：
条件永远为true

总结：

1、使用三元运算符 来判断用户是否成年？
var age=parseInt(prompt(''));
if(age>=18){
console.log('成年');
}else{
console.log('未成年');
}
三元：age>=18? '成年':'未成年';
2、使用Switch实现输入分数判断等级 90以上a 80-89 b 70-79 c 60-69 d 其他e
var score=parseInt(prompt(''))
switch(parseInt(score/10)){
case 10:
case 9:
      代码
      break;
default:
}
syntax  语法错误 
not defined 没有找到
3、逻辑运算符优先级从高到低
!>&&>||
4、利用循环1-1000 2的倍数的个数
var num=1;
var count;
while(num<1000){
if(num%2==0){
count++;
}
num++;
}
console.log(gs);

do while：
一定要先执行一回。
do{

}while(条件)
不管条件是否满足，先执行一遍代码
开始进行条件判断，如果条件为false那就结束循环
如果条件为true那就在执行一遍代码
在判断条件
while---- 
初始化值
条件
执行的代码
自身的变化
do while 和 whild 的区别
当初始化一个变量 如果在循环外边
do while 会执行一次代码；
while 不会执行

for循环：
for(初始化值;初始化条件;自增累加){
条件满足的执行代码;
}

循环嵌套：
一个循环嵌套一个循环---
 一个倒三角：
 for(var i=1;i<=9;i++){
 for(var j=1;j<=9-i;j++){
 document.write('&emsp;')
  }
 for(var k=1;k<=i;k++){
 document.write('*+&nbsp;')
 }
 document.write('br')
}

 //跳出循环
break；
continue；结束本次循环

总结：

var----
只要是变量 那么请加上var否则系统认定你是全局变量 一直处在内存中只有当真个文档关闭才会释放空间。
function()也是数据类型，是复杂数据类型、引用数据类型、
typeof---检测数据类型
typeof(变量)、promapt(变量)----返回的数据类型是字符串
objeckt.is()---判断内存地址是不是一样的，返回的是布尔类型 object.is(NaN,NaN) true
内存地址的数据类型是16进制。
for(){}
写起来简单，看起来不太容易
当你固定次数的时候，使用for
当你不固定次数的时候，是用while
break：直接终止循环
continue：跳出当前循环

day4

函数：

声明式函数：
function 函数名(){

}
赋值式函数：
var 函数名=function(){

}
//同一个文档下不要出现相同的函数名，否则下面的函数会覆盖到上面的函数。
//可以赋值使用
 function sums(num1,num2){//参数 形式参数
            document.write(num1+num2);
        }
        sums(100,200);//实际参数
        sums(50,60);
        sums(1,9);
        alert(sums(666,888));//underfined 因为sums仅仅是打印
        //返回值，没有将结果给到我们

----返回的数据类型是字符串
objeckt.is()—判断内存地址是不是一样的，返回的是布尔类型 object.is(NaN,NaN) true
内存地址的数据类型是16进制。
for(){}
写起来简单，看起来不太容易
当你固定次数的时候，使用for
当你不固定次数的时候，是用while
break：直接终止循环
continue：跳出当前循环

# day4

#### 函数：

声明式函数：
function 函数名(){

}
赋值式函数：
var 函数名=function(){

}
//同一个文档下不要出现相同的函数名，否则下面的函数会覆盖到上面的函数。
//可以赋值使用
function sums(num1,num2){//参数 形式参数
document.write(num1+num2);
}
sums(100,200);//实际参数
sums(50,60);
sums(1,9);
alert(sums(666,888));//underfined 因为sums仅仅是打印
//返回值，没有将结果给到我们

---

1. 5201314 ↩︎